.block-content-image-aside {
    display: block;
    background: #E9E7EE;
    border-radius: 2rem;
    overflow: hidden;
    font-size: clamp(0.8125rem, 0.7481rem + 0.2799vw, 1rem);
    margin-bottom: clamp(2.5rem, 2.0709rem + 1.8657vw, 3.75rem) !important;
}

.block-content-image-aside h3 {
	font-size: clamp(0.875rem, 0.7463rem + 0.5597vw, 1.25rem);
}

.block-content-image-aside__col {
    padding-inline: clamp(1.875rem, 0.8022rem + 4.6642vw, 5rem);
    padding-block: clamp(2.5rem, 2.2854rem + 0.9328vw, 3.125rem) clamp(1.375rem, 0.7743rem + 2.6119vw, 3.125rem);;
}

.resources-bg--mobile,
.resources-bg--large {
    max-width: 100%;
}

.resources-bg--large {
    display: none;
}

.block-content-image-aside ol {
    counter-reset: step;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: clamp(1.875rem, 1.7463rem + 0.5597vw, 2.25rem);
}

.block-content-image-aside ol li {
    counter-increment: step;
    background-color: #2C0F5A;
    font-size: clamp(0.8125rem, 0.6696rem + 0.2976vw, 0.9375rem);
    padding: 1rem clamp(1rem, -1.5rem + 5.2083vw, 3.1875rem) 1.625rem clamp(1rem, 0.2857rem + 1.4881vw, 1.625rem) ;
    margin-bottom: .625rem;
    color: #fff;
    display: flex;
    gap: 1.375rem;
    border-radius: 1.25rem;
}

.list-index::before {
    content: counter(step);
    border-radius: 999px;
    background: #fff;
    color: #2C0F5A;
    font-weight: 600;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.block-content-image-aside__citations {
    font-size: .75rem;
    margin-top: 2rem;
}

@media screen and (min-width: 768px) {

    .block-content-image-aside__wrapper {
        display: grid;
        grid-template-columns: 83fr 51fr;
    }

    .block-content-image-aside__image {
        position: relative;
    }

    .block-content-image-aside__image::before {
        content: '';
        position: absolute;
        width: clamp(2.125rem, 0.2679rem + 3.869vw, 3.75rem);
        background: #E9E7EE;
        left: 0;
        top: 40px;
        bottom: 40px;
        z-index: 999;
        border-top-right-radius: clamp(1.25rem, 0.5357rem + 1.4881vw, 1.875rem);;
        border-bottom-right-radius: clamp(1.25rem, 0.5357rem + 1.4881vw, 1.875rem);;
    }
    
    .resources-bg--mobile {
        display: none;
    }

    .resources-bg--large {
        display: block;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }
}