Huge battle with image-positioning and JS

Hey All,

Here is my next challenge which caused me a huuuuuge headache, and after a tiresome battle with the challenge, I decided to finish it, even though there could be some more subleties to deal with (e.g. smoother transinition when opening the answers).

The biggest issue was to position the images in mobile version. I eventually decided to put the img-s in the html outside the div they were in originally, I don't know if this is the best practice.

The other issue was with JS logics. It was okay to make answers open for the click event, but I was keen on doing it in a way that only one answer should show at a time. Eventually I nailed it somehow, but it was killing!

I would appreciate any comment/criticism/advice,

Cheers to you all,

Dalma