Looking to create a responsive header image for my website using the 'mobile first' approach. I have a specific picture in mind that I want to display differently depending on the device's screen size, all while using the same image file. For example, on mobile devices, only a small portion of the image should be visible, but once the screen width reaches a certain point, the full image should be displayed. I found inspiration from this site which achieves exactly what I'm aiming for. I've tried replicating their layout without success. Any assistance would be greatly appreciated!