Image with Text Image size on Mobile adjust for Refresh theme

How can i reduce the size of the image within the “image with text” section of my site for mobile. It looks fine on desktop, but it’s too large on mobile and I would like to scale it down and appear next to the text like shown on the desktop.

Here is the site and Im talking about the home page where I have “value”, “convenience”, and “transparency”

https://club-sunscreen.myshopify.com/

You can see what i would like to recreate here on

https://www.clubsunscreen.com/

Thanks!

do i just add that code to the bottom of the component-image-with-text.css?