Problem with section width and responsiveness

Hi, I have an issue with this section where I want the image and text to adjust dynamically depending on the screen resolution.

I’d like it to work just like it does on this store: https://tomnoske.store/

Image Settings:

  • I want the image to behave exactly like it does on the store above. It should scale proportionally, with the smallest dimension at 317px and the largest at 500x500px

Text Settings:

  • For screen widths up to 768px, I want the font size to be 33px.
  • From 768px to 1440px, I want the font size to be 38px.
  • For 1441px and above, I want the font size to be 45px.

Here’s my store: https://1049xn-ya.myshopify.com/

I hope this makes sense. The text part is clear, and for the images, I just want them to scale the same way they do on the reference store.

Thanks a lot, I’d really appreciate any help!
Tim