[Bug]: Image size and alignment inconsistency on the "Gears" page

[SH20RAJ]

Describe the bug

Title: Image size and alignment inconsistency on the "Gears" page

---

Description:

The images on the "Gears" page are not consistent in size or alignment, resulting in an uneven layout. Specifically:

• The first card (e.g., "My Girlfriend") displays an image that appears smaller or misaligned compared to the other cards.
• The inconsistency disrupts the visual flow and aesthetic of the page.

---

To Reproduce

1. Navigate to the "Gears" page of the website.
2. Observe the size and alignment of the images in the cards.

Expected behavior

• All images should have a uniform size and alignment within their respective cards.
• The layout should appear consistent and visually balanced.

Actual Behavior:

• The first image appears smaller or differently aligned compared to the other images.

---

Suggested Solution:

1. Ensure all images have the same dimensions (e.g., width and height) or aspect ratio using CSS.
2. Use a consistent container size for images and set object-fit: cover to maintain aspect ratio while filling the container.
3. Verify the layout and alignment of all cards for consistency.

---

Environment:

• Browser: (e.g., Chrome Version 117)
• OS: (e.g., macOS 14)

Screenshots/Videos

Additional context

No response

Please checkmark the following checklist

• I make sure that similar issue is not opened