/* Add custom CSS styles below */ 

@media (min-width: 768px) {
    .two-row .banner-entry:first-child {
        grid-row: span 1 / span 1;
    }
    .s-block--banners .grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.s-block--banners .banner-entry {
    height: 250px;
}
}

    @media (max-width: 768px) {
    .s-block--banners a.banner-entry.square-photos div{
    
        background-repeat: no-repeat;
    }
   .s-block--banners  a.banner-entry.square-photos {
    grid-column: span 2/span 2;
}
    
    }