Loopstudios landing page with Animate.css and some basic css animation

This is my first time trying out the figure and picture tags, as well as animate.css. I really like the picture tag as it loads different images based on the user screen size. No need for more javascript.

I did the styles with scss, but I felt like the way I used media query was too repetitive. What would be the best practice for creating styles while targeting different screen sizes? would it be better to just declare the media query and put all the styles in it? Would also appreciate any feedback!