Typemaster pre-launch landing page with SaSS

Today I finally finished the third project. In this project I made it simple by using Sass, semantic HTML and CSS. To begin with, I structure first the HTML into three parts such as header, main and footer. In the main part, it is divided into three sections consisting three separate contents. I used Sass to style the UI interface and used the given images as backgrounds instead of assigning it inside the HTML. I came across some issues regarding on the usage of the images which are:

• Making layers on individual images.
• A smooth media query breakpoints.
• The proper usage of Pseudo-classes (if this is applicable)

My solution was to used masked images so I don't have to fixed the positions in every breaks points on media queries.

Any feedback are welcome and Have a good one! Cheers y'all!