All solutions

My question is regarding user experience, I added an accordion animation to show and hide the answer to the questions, I think the accordion work well in this case because the answers (sentence) have almost the same amount of lines, 2 or 3. But if there were some 2, 3 liners and other with something like 10 or more lines would the accordion behavior still be a good choice or would we need to think of a different solution in this case?

I am really happy with my solution to show icon-view.svg on hover, but if you implemented a different solution please let me know, I want to learn about other ways I could've done to solve this problem

If you see my code on index.html lines 183 - 189 > was there better options to use instead of span? (I used it because of the display property "which at the end I changed") but maybe there is a better semantic option for it like checkbox or something?

If you see on index.html lines 168 - 169 I sorrounded my content inside a div so I could center the whole content section with flexbox > is this a good practicefor centering the whole content or should I've updated the sizes of the elemnts inside instead of doing this quick fix (this might be a dumb question but I am just curios)