Resizing Banner To Fit Mobile Without Cutting Out Image

Site URL: https://www.prakritikumar.com/work/nyt-cooking

Hi all,

Currently, my banner image is getting cut off on mobile. I've seen sites where the banner image will resize to fit mobile (for example, this site). I've tried custom CSS code but for some reason it's not working.... 

This is the banner I'm trying to fit on mobile: https://www.prakritikumar.com/work/nyt-cooking

There are a lot of ways to do this with CSS, but the best way is to replace it with an image block, and then remove the padding/margin with CSS. See link here > https://support.squarespace.com/hc/en-us/articles/223016508-Troubleshooting-cropping-issues

....if you're still looking for an answer. Good luck!