.project-gallery .pg-row {
    display: flex;
    gap: 0.8rem;
    margin-bottom: 0.8rem;
}

.project-gallery .pg-col-2 .pg-col {
    flex: 1 1 0;
}

.project-gallery .pg-col-2 img,
.project-gallery .pg-col-2 video {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 5 / 4;
    object-fit: cover;
}

.project-gallery .pg-col-1 {
    flex-direction: column;
}

.project-gallery .pg-col-1 a,
.project-gallery .pg-col-1 img,
.project-gallery .pg-col-1 video {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 5 / 2;
    object-fit: cover;
    object-position: bottom;
}

@media screen and (min-width: 768px) {
    .project-gallery .pg-row {
        gap: 3rem;
        margin-bottom: 3rem;
    }
}

.project-gallery .pg-col-2.pg-single-in-row .pg-col {
    max-width: 50%;
    flex: 0 0 50%;
}