.download-teaser-container {
    position: relative;
    container-name: download-teaser;
    container-type: inline-size;
}

.download-teaser-red-gradient {
    padding: 4rem 1rem 1rem 1rem !important;
    margin-right: 1rem;

    .preview {
        position: absolute;
        top: -3.5rem;
        right: -1.5rem;
        max-width: 70%;
    }

    .subheader {
        margin-bottom: 10px;
    }

    .header {
        font-size: min(calc(1.35rem + 1.2vw), 10.5cqw);
        line-height: 1;
    }

    h3,
    h4,
    h5 {
        color: inherit;
    }
}

@container download-teaser (width > 260px) {
    .download-teaser-red-gradient {
        padding: 6rem 1rem 1rem 1rem !important;

        .preview {
            max-width: 65%;
        }
    }
}

@container download-teaser (width > 339px) {
    .download-teaser-red-gradient {
        padding: 8rem 40% 1rem 2rem !important;

        .preview {
            max-width: 65%;
        }
    }
}

@container download-teaser (width > 500px) {
    .download-teaser-red-gradient {
        padding: 2rem 40% 1rem 2rem !important;

        .preview {
            max-width: none;
        }
    }
}