.postersWithPreviewRegion {
    display: flex;
    width: 100%;
    margin-top: 38px;
    margin-bottom: 60px;
}

.postersWithPreviewRegion .preview {
    width: 19.5%;
    margin-left: 3%;
    margin-right: 3%;
}

.postersWithPreviewRegion .preview img {
    border: 2px solid var(--dfeh-color-gold);
    width: 100%;
    height: auto;
}

.postersWithPreviewRegion .contentColumn {
    padding-left: 4%;
}

.postersWithPreviewRegion.singleContentColumn > .contentColumn {
    width: 74.5%;
}

.postersWithPreviewRegion.doubleContentColumn > .contentColumn {
    width: 24.5%;
}

@media (max-width: 600px) {
    .postersWithPreviewRegion {
        flex-wrap: wrap;
    }
    .postersWithPreviewRegion .preview {
        width: 32.5%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .postersWithPreviewRegion .contentColumn {
        padding-left: 6.6%;
    }
    
    .postersWithPreviewRegion.singleContentColumn > .contentColumn,
    .postersWithPreviewRegion.doubleContentColumn > .contentColumn {
        width: 57.5%;
    }
}