#about-container .contents-wrapper {
    display: grid;
    gap: 2.5rem 2rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 1rem 0 1rem;
}

#about-container .img-preview-container {
    width: 93.692%;
    max-width: 550px;
}

#about-container .floating-container.smaller-badge {
    max-width: 145px;
    padding: 0.8rem 1rem 0.8rem 1.4rem;
    left: -8%;
    bottom: 60%;
}

#about-container .floating-container.smaller-badge .fl-counter {
    font-style: italic;
}

#about-container .floating-container.larger-img {
    padding: 10px 70px 10px 10px;
}

#about-container .floating-container.small-img {
    width: 100%;
    max-width: 240px;
    height: 280px;
    border: 4px solid var(--celtic-blue);
    border-radius: 1.5rem;
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 5%;
}

#about-container .floating-container.small-img .preview.lazy,
#about-container .benefits-wrapper .benefits .bn-badge.lazy {
    background-image: none;
}

#about-container .floating-container.small-img .preview {
    background: url("../../images/banners/03.b4018cc7ad60.png") no-repeat center/cover;
    width: 110%;
    height: 100%;
    border-radius: inherit;
    position: absolute;
    left: -5.5%;
}

#about-container .benefits-wrapper .bn-badge {
    background: no-repeat center/cover transparent;
}

#about-container .benefits-wrapper .bn-badge.ic-1 {
    background-image: url("../../images/icons/benefit-on-investment.9a0b0d1a5e55.png");
}

#about-container .benefits-wrapper .bn-badge.ic-2 {
    background-image: url("../../images/icons/certified-company-with-best-performance.db3aa43f95f8.png");
}

#about-container .benefits .mini-title {
    margin: 0.15rem 0 0.35rem;
}

@media (max-width: 1080px) {
    #about-container .contents-wrapper {
        row-gap: 8rem;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        padding-bottom: 0;
    }

    #about-container .floating-container.small-img {
        top: 60%;
    }

    @media (min-width: 641px) {
        #about-container .contents-wrapper {
            padding-left: 2rem;
            padding-right: 2rem;
        }
    }
}

@media (max-width: 800px) {
    #about-container .floating-container.small-img {
        max-width: 200px;
        height: 240px;
        top: 65%;
        right: 5%;
    }
}

@media (max-width: 640px) {
    #about-container .floating-container.smaller-badge {
        display: none;
    }
}

@media (max-width: 500px) {
    #about-container .contents-wrapper {
        row-gap: 2.5rem;
    }

    #about-container .floating-container.larger-img {
        padding: 10px;
    }

    .floating-container.small-img {
        display: none;
    }
}

@media (max-width: 440px) {
    #about-container .benefits-wrapper .benefits {
        flex-direction: column;
        gap: 0.5rem;
    }
}