.hero-simple {
    display: flex;
    align-items: center;
    position: relative;
    min-height: 100dvh;
    z-index: 1;
}

.hero-simple__bg {
    position: absolute;
    z-index: -1;
}

.hero-simple__bg_1 {
    width: 47%;
    left: 0;
    top: 0;
}

.hero-simple__bg_2 {
    width: 35%;
    right: 0;
    top: 21%;
}

.hero-simple__inner {
    padding-block: 10rem;
}

@media screen and (max-width: 575.9px) {
    .hero-simple__bg_1 {
        width: 100%;
    }

    .hero-simple__bg_2 {
        width: 100%;
        top: 35%;
    }

    .hero-simple__inner {
        padding-bottom: 30rem;
    }
}