[BUG] Carousel images display inconsistent sizes across slides

[RishabxBhardwaj]

Description

The images in the carousel are not maintaining a uniform size across all slides. Some images appear stretched or shrunk, disrupting the overall design and user experience. This issue is observed across multiple devices and browsers.

Steps to Reproduce:
Navigate to the carousel component.
Cycle through the images.
Notice the inconsistent sizing of the images as you slide through.
Expected Behavior:
All images should maintain a consistent size, providing a smooth and uniform display.

Actual Behavior:
Some images appear larger or smaller than others, disrupting the layout.

Please assign this issue to me for resolving the problem.

Screenshots

No response

Any additional information?

No response

What browser are you seeing the problem on?

No response

Checklist

• I have checked the existing issues
• I have read the Contributing Guidelines
• I'm a GSSoC'24-Extd contributor
• I'm a Hacktoberfest'24 contributor
• I am willing to work on this issue (optional)

[github-actions]

👋 Thank you @RishabxBhardwaj for raising an issue! We appreciate your effort in helping us improve. Our team will review it shortly. Stay tuned! If you need further assistance or want to join the conversation, feel free to join our Discord server: Discord Link