#hero-container>.wrapper {
    gap: 64px;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

#hero-container .img-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.img-container .floating-review.left-bottom {
    left: -40px;
    top: 60%;
}

.img-container .floating-review.right-middle {
    right: -40px;
    top: 35%;
    animation-delay: 600ms;
    animation-duration: 6s;
}

@media (max-width: 1080px) {
    #hero-container>.wrapper {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
}

@media (max-width: 800px) {
    #hero-container>.wrapper {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    #hero-container .inner-content .title {
        max-width: 400px;
    }

    .img-container .floating-review.left-bottom {
        left: -35px;
    }

    .img-container .floating-review.right-middle {
        right: -35px;
    }
}

@media (max-width: 640px) {
    #hero-container>.wrapper {
        padding-top: 1.5rem;
    }

    .img-container .floating-review.left-bottom {
        left: -30px;
    }

    .img-container .floating-review.right-middle {
        right: -30px;
    }
}

@media (max-width: 500px) {
    #hero-container>.wrapper {
        padding-top: 1rem;
    }

    #hero-container .img-container>img {
        width: 100%;
    }

    .img-container .floating-review.left-bottom {
        left: -20px;
    }

    .img-container .floating-review.right-middle {
        right: -20px;
    }
}