.curso-img {
    aspect-ratio: 53.6 / 33;
}

    .curso-img::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, rgba(var(--ucdb-azul-claro), 1) 0%, rgba(var(--ucdb-azul-claro), 0) 50%);
    }

.video-extensao iframe {
    aspect-ratio: 16/9;
    width: 100%;
    height: auto;
}

@media screen and (min-width: 992px) {
    .banner-tools {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1rem;
        position: absolute;
        bottom: 3rem;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
    }

        .banner-tools > * {
            position: relative;
            top: unset;
            left: unset;
            right: unset;
        }
}