All solutions

I am not satisfy with the responsive of the page. I have the feeling that on certain screen it doesn't work. Tell me if you see something is broken.

When I started this project, I had no idea that it was impossible to grow the accordion smoothly in css between height: 0 and height: auto. This is the part where I spent a lot of time finding a solution that I hadn't anticipated.

To challenge me, a parallax effect on the shadows. For the mobile version, the effect is triggered when scrolling. And for the desktop version, the effect is triggered when the accordion expands.

Hi, it was great fun coding this challenge. But I don't know how to deal with the effect or mask of the image background for the mobile version. I tried different solutions and kept the one that I prefer. If anyone has a suggestion on this particular point, I would appreciate it for sure. Thanks for reading me and looking at my solution.

The two circles in the background ... I wasted so much time trying to find a good solution. But ultimately I don't like the way I coded it especially the part to hide: I used position: fixed; because overflow: hidden didn't work.