Accordion Card CSS Grid, Flexbox + JS

Any feedback would be extremely valuable and appreciated. I recognise this is probably not the cleanest solution, and I spent far too long trying to figure out how to mask some elements and not others (to make the orange box appear on top in Desktop mode, but mask the other images). This may have taken me way longer than I had hoped, but the problems have offered me plenty to learn from.