Responsive Loopstudios Landing Page Main using flexbox and grid

In this challenge I felt very good doing it, I enjoyed it and learning a lot. For CSS I used custom properties, flexbox, grid and background-image property were really helpful, and I did it with the desktop first design. The gallery section is made with CSS grid and a lightbox gallery effect (Only with vanilla JavaScript), I had a little problem to do this effect, on the buttons for next and previous image when are click on them change the image and the alt attribute of each image. I hope you liked my solution. Grettings!