Responsive FAQ's Accordion component using HTML, CSS & Javascript

Hello, FE-Mentor Crew !

I'm really new to the <details> and <summary> tags so I'd really appreciate any constructive feedback you may have on my solution.

Specifically in relation to the height change when a details section is opened, currently the .accordion-wrapper increases in height from the centre but id like the top of the .accordion-wrapper to stay in place and just extend in height / length from the bottom. Also any advice on how I could improve the illustration placement on desktop as well as hiding the overflow.

Looking forward to starting my next project this afternoon ! Happy <coding /> 💻