Inconsistent image sizing

[WinkelvanSinkel]

I have tried pasting codes in theme.css and base.css but it does not affect my website at all

preview:

https://ua339d7nn4j8jnrp-86741057877.shopifypreview.com

[tim · Accepted solution]

So you're seeing this:

but want to see this:

You can try adding code like this to your sections or theme Custom CSS setting:

.card__inner.ratio {
  --ratio-percent: 100% !important; /* can change the number to your taste */
}
.card__inner.ratio img {
  object-fit: contain;
}

[WinkelvanSinkel]

Thank you very much for you're help. I appreciate it for taking time to help me.

[WinkelvanSinkel]

Thank you very much