Img's max-height not respecting parent's dimensions

Question

I have an img element inside a liquid div. That img has its max-height set to 100%. So, if the image is taller than the div, it should

Answer 1

If you still want the container to be % based and not px, you can make the container display: flex, and the image

object-fit: contain;
max-width: 100%;