Impulse Theme Custom Content Image wayyy too big

[JordanDe]

Hi all - 

I am using a custom content block on my product page with an image. I've tried cropping & editing the image but the image is still FAR to big on the page - its so large it doesn't fit on the page. 

Would be curious what people have for suggestions on how i should display this? It'd be nice to adjust this down to the screen size but be able to have the entire image in frame(it's the image with the arrows highlighting features)

Heres the URL to the site: 
Cast Iron Seasoning Oil Blend | Cookware Care (mycookwarecare.com)

[Dan-From-Ryviu]

Hi @JordanDe 

Please add this code to Custom CSS of that section to reduce the width of image 

.page-width {
    max-width: 1000px;
}

[JordanDe · Accepted solution]

THanks for the response, much appreciated @Dan-From-Ryviu !

That didn't work fully as apparently my theme had some @ rules in this block. 

I was able to configure it a bit that got it to where i wanted(centered and smaller) with the following code:

.custom__item {
  flex: 0 0 auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}