Responsive FAQ Accordion Component

I would greatly appreciate any feedback you may have!

This challenge presented quite a few difficulties, particularly regarding positioning. Here are my specific concerns:

• I attempted to use a picture element, but unfortunately, I couldn't get it to work properly.
• To address the issue of overflow on the desktop image when resizing the browser, I created an overflow-hidden utility class. However, it doesn't look optimal as it clips the left side of the image.
• I would appreciate some guidance on whether I positioned the box SVG correctly.

In general, I'm not entirely satisfied with how I positioned the desktop illustration. In hindsight, I believe using a max-height on the entire component and using negative margins to position everything might have been a better approach. I might consider revisiting this challenge in the future. However, before doing so, I would greatly appreciate receiving feedback on my current solution.

Thank you in advance for your insights and suggestions!