.hero-slider {
    position: relative;
    
    .js-slider {
        img {
            width: 100%;
            height: calc(100vh - 13rem);
            object-fit: cover;
        }
    }

    .hero-slider-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;

        h1 {
            max-width: 500px;
        }

        .certification-logo {
            position: absolute;
            bottom: 2rem;
            right: 2rem;
            width: 100px;
            height: auto;
        }
    }
}