.callout-tiles-3-across[data-slides-across="3"] .slides {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.callout-tiles-3-across .slide .slide-title {
    font-size: 0.9375rem;
    text-transform: uppercase;
    line-height: 18px;
    z-index: 3;
}

.callout-tiles-3-across .slide .img-cont::after {
    background: rgb(0 0 0 / 30%);
    outline: solid 2px var(--white);
    outline-offset: -11px;
    transition: all 300ms ease;
}

@media (hover:hover) {
    .callout-tiles-3-across .slide:hover .img-cont::after {
        background: #7EA570;
        opacity: 70%;
        transition: all 300ms ease;
    }
}

@media screen and (min-width: 64em) {
    .callout-tiles-3-across[data-slides-across="3"] .slides {
        grid-template-columns: repeat(3, 1fr);
        max-width: 1360px;
        gap: 15px;
    }    
    
    .callout-tiles-3-across[data-slides-across="3"] .slide .slide-title {
        font-size: 1.5625rem;
        line-height: 26px;
    }
}