How to make the image carousel responsive but keep the proper proportions

Hello Matt,

Thank you for reaching out!

To make the image carousel responsive while maintaining proper proportions, try the following approaches:

1. Use CSS to Maintain Aspect Ratio

You can apply this CSS to ensure images resize properly without distortion:

.sppb-carousel-extended-item img {
    width: 100%;
    object-fit: fill;
    height: 100%;
}

If your images are being cropped, change object-fit: cover; to contain; to fit the entire image.

2. Ensure Image Sizes Are Consistent

If your images have different aspect ratios, consider resizing them to a uniform size before uploading to prevent layout shifts.

Let me know if this helps or if you need further adjustments!

Best regards,