Responsive web page using Grid/Flexbox and Sass

Hello, nice job! the image could look better if you use

.right-side {
    background-image: url(/images/hero-desktop.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

and delete

.right-side {
      background-size: 100vh;
    object-fit: cover;
}

also in mobile you can use on .left-side__text margin : 0 auto; for center the div