Mobile first, built with flexbox

bugs: 1 ) In desktop view my images move out of place while adjusting window size. I currently position my images with "position:relative; bottom: 10px; right: ; ...etc" 2 ) In desktop view, I get a purple horizontal bar in the bottom of my page as the accordion causes the page to grow. I'd like the background gradient to extend with the page. 3 ) I can set my card to "overflow: hidden" to hide the excess image, but then the orange box becomes invisible(In desktop view). So I guess I need the place the orange box outside the card (in the html) to get around this. Maybe move the image into the body?