Image scaling/max width

Site URL: https://www.farmore.io

Hello all,

I'm having a unique issue - I have some image blocks alongside text in a few places throughout my site. They look fine on desktop and mobile, but when resizing the browser window (or on smaller displays that are not mobile) the image overlaps the text. See the orange bar next to "brand" in the screenshot below.

Is there a way to set a max width for the images, or have them scale automatically using CSS?

Thanks in advance.

I see your screenshot is fine. Can you explain in more clearly? Thank you.

5 hours ago, tuanphan said:

I see your screenshot is fine. Can you explain in more clearly? Thank you.

Hi, see how the orange bar next to "brand" begins to overlap the word "brand"? I would like to avoid this if possible.

Nevermind, I seem to have figured this out by using the "max-width" and setting the value by using "vw"