/* Equal landscape frames; preserve the complete source image at every width. */
body.page-id-4584 #post_4584 article.news-grid.type-workshops > a:first-child {
    display: block;
    box-sizing: border-box;
    width: 100%;
    aspect-ratio: 3 / 2;
    margin-bottom: 1rem;
    border: 1px solid #d8e5eb;
    background: linear-gradient(135deg, #e7f0f3, #f4f7f8 55%, #e3edf1);
}

body.page-id-4584 #post_4584 article.news-grid.type-workshops > a:first-child > img {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: none;
    object-fit: contain;
    object-position: center;
    padding: 10px;
    margin: 0 !important;
}

body.post-type-archive-workshops article.news-grid.type-workshops > .row > a.col-3 > img {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: contain;
    object-position: center;
    padding: 10px;
    border: 1px solid #d8e5eb;
    background: linear-gradient(135deg, #e7f0f3, #f4f7f8 55%, #e3edf1);
    margin: 0;
}

/* Keep the existing full-width image above the archive text on phones/tablets. */
@media (max-width: 991.98px) {
    body.post-type-archive-workshops article.news-grid.type-workshops > .row > a.col-3,
    body.post-type-archive-workshops article.news-grid.type-workshops > .row > .post-index-content.col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    body.post-type-archive-workshops article.news-grid.type-workshops > .row > a.col-3 {
        margin-bottom: 1.25rem;
    }
}