.airod-mosaic{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    grid-auto-rows:220px;
    gap:8px;
}

.airod-item{
    overflow:hidden;
    border-radius:10px;
}

.airod-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .35s ease;
}

.airod-item:hover img{
    transform:scale(1.05);
}

.airod-item.wide{
    grid-column:span 2;
}

.airod-item.tall{
    grid-row:span 2;
}

.airod-item.big{
    grid-column:span 2;
    grid-row:span 2;
}

@media (max-width: 1024px){
    .airod-mosaic{
        grid-template-columns:repeat(2,1fr);
    }
}

@media (max-width: 640px){
    .airod-mosaic{
        grid-template-columns:1fr;
        grid-auto-rows:260px;
    }

    .airod-item.wide,
    .airod-item.tall,
    .airod-item.big{
        grid-column:span 1;
        grid-row:span 1;
    }
}