FAQ Accordion Component- responsive mobile first, styled with Sass

Hi all,

I think i did ok with this one. Things that could be improved are the implementation of the shadow as a background image on mobile devices. The shadow moves when the accordion is expanded. I positioned it so it still looks ok, but i feel it's not ideal.

I also went round in circles with using overflow: hidden on the illustration. I got the main image and background how it should be, but i couldn't get the illustration box to escape this. I could only get overflow: hidden to work on the parent container, but nowhere else. If i removed it here then the other images wouldn't work. I'd appreciate tips on refactoring this.

I also am trying to refine my styles for really small devices, such as Galaxy Fold, so any tips on this would be handy also!

Overall i enjoyed making this component!

thanks, Evan