.resources-max-width {
    max-width: 1600px !important    ;
}
.resources-parent-container {
    container-name: resources-parent-container;
    container-type: inline-size;
}
@container resources-parent-container (width > 480px) {
    .resources-layout-container { 
        display: grid;
        gap: 1rem 2rem;
        grid-template-columns: 1fr 1fr;
    }
}
@container resources-parent-container (width > 800px) {
    .resources-layout-container { 
        grid-template-columns: 1fr 1fr 1fr;
    }
}
.resource-item-image {
    border: 1px solid lightgrey;
    width: 100%;
}

.resource-image-container {
    container-name: resource-image-container;
    container-type: inline-size;
}
@container resource-image-container (width > 1px) {
    .resource-item-image {
        max-height: 56cqw;
    }
}