.textslider-bg-img .bg-img {
    grid-area: 1/1/1/span 14;
    aspect-ratio: 2560/1100;
}

.textslider-bg-img .content-container {
    grid-area: 1/3/1/span 10;
    position: relative;
    z-index: 1;
    width: fit-content;
    height: fit-content;
    width: 100%;
    max-width: 49ch;
    border-radius: max(40px, 4.6875vw);
    background: var(--gray);
    color: var(--beige);
    padding: max(32px, 4.375vw) max(20px, 2.8125vw);
    align-self: center;
}

.textslider-bg-img .content-container .headline {
    margin: .25em 0 1.25em;
}

.textslider-bg-img .content-container .text-container {
    margin-bottom: 3em;
}

.textslider-bg-img .content-container .slidecount {
    margin-right: 10px;
}

@media (max-width: 991.98px) {
    .textslider-bg-img {
        grid-template-rows: repeat(3, 1fr);
    }
    
    .textslider-bg-img .content-container {
        grid-area: 1/2/span 2/span 12;
        justify-self: center;
    }
    
    .textslider-bg-img .bg-img {
        grid-area: 2/1/span 2/span 14;
        align-self: flex-end;
    }
}

@media (max-width: 767.98px) {
    .textslider-bg-img {
        grid-template-rows: unset;
    }
    
    .textslider-bg-img .content-container {
        grid-area: 1/2/1/span 12;
        margin-bottom: 2em;
    }
    
    .textslider-bg-img .bg-img {
        grid-area: 2/1/2/span 14;
    }
}