CSS Solution using CSS Flexbox and a mix of and background

I mainly used CSS Flexbox to properly position everything concerning the text.

I had some trouble on positioning the different svgs. I used a mix of img HTML tags and background css properties to do it. What would be the proper way of doing this? As we had different images for desktop and mobile sizes I used the background properties... but I had trouble positioning everything and mostly fixing everything (as you can see, it's moving a bit when opening a question or resizing the browser).

To open a question, I used JS to toggle an active class on the clicked question. Is there a full CSS way of doing so ?

Last point, how many media queries should be used here ? I used two, one for tablets and one for mobiles. I added one main breakpoint which is on tablets portrait mode here. A second one to adapt font size. What would be the best practices on this ?

Thank you! This is my first challenge here :)