How to maintain original image size in Dawn theme's text section?

[Popcorn]

 Hi, does anyone know what code I can use to keep my original image size in the "image with text" section for desktop view? The image seems to get cut off or resized but I would like to keep my original image ratio. Any help would be appreciated. Thank you 🙂

store url: https://lua-wolves-crystals.myshopify.com/

password: bahcri 

[GemPages]

Hello @Popcorn

It's GemPages support team and glad to support you today.

You can paste below code to file base.css

@media screen and (min-width: 750px)
  shopify-section-template--16312299356399__16596614828350cabe .image-with-text__media--large {
    height: auto;
  }
}
shopify-section-template--16312299356399__16596614828350cabe .image-with-text .image-with-text__media img{
  height: auto;
}

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team

[Popcorn]

Hi! Thank you for your help! I tried the code but unfortunately, it didn't make any changes to the image size in desktop view. Here is a screenshot of how my image looks in mobile view as comparison. 🙂 

[oscprofessional]

@Popcorn ,

Is this the image you are asking ?

[Popcorn]

Yes, that is the image. I am trying to keep the original image size, like the image size in mobile view 🙂 

[GemPages]

Hello @Popcorn

It's GemPages support team and glad to support you today.

Sorry for my custom code missing a little code. Please   paste below code to file base.css

@media screen and (min-width: 750px){
  #shopify-section-template--16312299356399__16596614828350cabe .image-with-text__media--large {
    height: auto;
  }
}
#shopify-section-template--16312299356399__16596614828350cabe .image-with-text .image-with-text__media img{
  height: auto;
}

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team

[Popcorn]

Thank you very much! It worked! For the text section, is there any code to move both the heading and text a little bit more upward? Thank you in advance 🙂 

[GemPages]

Hello @Popcorn

It's GemPages support team and glad to support you today.

You can use this code

@media screen and (min-width: 990px){
  #ImageWithText--template--16312299356399__16596614828350cabe{
    padding-top: 5rem;
  }
}
@media screen and (min-width: 750px){
  #ImageWithText--template--16312299356399__16596614828350cabe{
    padding-top: 3rem;
  }
}

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team