image wrapper
hey, i have a design of a hero section that i am trying to re-create. In the design on mobile view of the image doesn't get affected by the wrapper (it touches the edges of the page) but on desktop view it does (it get's centered along with the other content). I've currently got it set up where the image is affected by the wrapper on all views but i can't figure out how to make it get pushed out to the edge on mobile, I've tried just applying the wrapper class on the column with the text which makes it work on mobile but not desktop due to there no longer being a wrapper on the image (it's a great flip flop thing i've encountered here 
), i'd appreciate anyone's help on this. Here's a codepen link of what i've currently got if that helps https://codepen.io/deerCabin/pen/LYMpJRL. Thanks in advance!
), i'd appreciate anyone's help on this. Here's a codepen link of what i've currently got if that helps https://codepen.io/deerCabin/pen/LYMpJRL. Thanks in advance!
