section#faq-hero {
    position: relative;
    overflow: hidden;
}

section#faq-hero .ellipse-down-left {
    position: absolute;
    top: var(--navbar-height);
    right: 0;
    width: 15%;
    height: auto;
}

.ellipse-down-left img {
    width: 100%;
}

section#faq-hero .ellipse-top-right {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 15%;
    height: auto;
}

.ellipse-top-right img {
    width: 100%;
}

section#faq-hero .bg-square {
    position: absolute;
    background-size: cover;
    width: 80%;
    top: calc(10% + var(--navbar-height));
    left: 10%;
}

.bg-square img {
    width: 100%;
}

@media screen and (max-width: 767px) {
    section#faq-hero .faq-hero-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}