#previewlist {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
}

div.artwork_preview {
    padding-right: 12px;
    margin-bottom: 24px;
}

div.artwork_preview img {
    max-width: 96%;
    max-height: 240px;
    object-fit: cover;
    object-position: center;
}

div.artwork_info {
    display: block;
}

@media (max-width: 960px) {
    #previewlist {
        grid-template-columns: auto auto auto;
    }

    div.artwork_preview {
        max-width: auto;
    }
}

@media (max-width: 800px) {
    #previewlist {
        grid-template-columns: auto auto;
        text-align: center;
    }
}

@media (max-width: 586px) {
    #previewlist {
        grid-template-columns: auto;
    }
    div.artwork_preview {
        text-align: center;
    }
    div.artwork_preview img {
        width: 75%;
        max-height: 360px;
        object-fit: contain;
        object-position: center;
    }
}