All solutions

Still got work to do on form validation, will keep learning and then come back to this one :)

This one was a struggle for me with a lot of work to be done.

I'm not sure I went about this the right way, positioning the elements was really tricky.

Looking at the code, is there a better way to have approached this?

UPDATE:

I've re-done the code after some practice and looking around for pointers. Still not perfect, there are some bugs to fix:

1. Card height increases when each answer is expanded. Not sure if this should really happen.
2. Font-weight for the question text is giving me trouble
3. Arrow rotate to be done (had issues)

When hovering over the buttons, the margin size seems to increase. Is there an efficient way to stop this from happening?

Any help / hints for making the image part more responsive? As the window sizes decreases the image squashes.