Responsive FAQ accordion with flexbox, grid and javascript

This was an exciting challenge, building my first accordion. Positioning the responsive images was quite tricky though. I had to use the picture element to wrap the multiple images and hide some of them with a css class. I then made the hidden ones visible at a particular media query. I also had to use relative and absolute positioning as well as negative margins to get the images in the right positions. It felt a little bit messy. Please what are the best practices regarding this? Your feedback will be greatly appreciated.