i want image to be adapt to its original size

[Emiway]

i want all this image to be adapt to its original ratio.. right now maximum section height is 750px

URL : https://zappdrink.myshopify.com/collections/frontpage/products/zapp-lime-drink

Pass : Zapp

[BSSCommerce-B2B]

@Emiway, add this code to the end of theme.css file

#shopify-section-template--17052487221293__background_image_text_iJdhxh img {
  object-fit: contain!important;
}

 Result:

If it helps you, please like and mark it as the solution.

Best Regards 😊

[Emiway]

there are multiple images i want all images to be in there original ratio

[BSSCommerce-B2B]

You want all the images in your product page? 

[Emiway]

i had added those images with {large image with text block}

[Emiway]

[BSSCommerce-B2B]

@Emiway, try this one

.background-media-text--750 img {
  object-fit: contain!important
}

[Emiway]

i pasted it on theme.css but its not working

[BSSCommerce-B2B · Accepted solution]

@Emiway , remove previous code and try this one

.background-media-text--750 .background-media-text__container,
.background-media-text--750.background-media-text {
   position: relative!important;
}
.background-media-text--750.background-media-text__spacer {
   display:none!important;
}

[Arif_Shopidevs]

Step 1: Navigate to your Shopify admin panel and go to "Online Store."

Step 2: Click on "Themes" and then select  Edit code

Step 3:  Find base.css
Bellow image will fit allo

img.image-fit.background-media-text__image {
    object-fit: contain !important;
}

hope it will solve your issues.
Thank you

[Emiway]

i want that image to be full widht without losing its original ratio