How do I hide a single image in a gallery block on mobile?

Site URL: https://www.donutdigitalmedia.com/

I have 9 images in a gallery which looks great as 3X3 on desktop, but I don't like how on mobile it does 2X4 with one image hanging alone at the bottom. I want to hide the last image in the gallery on mobile so there's only 8 images. I can't find a specific ID for that last image, only for the entire gallery block. 

On 12/18/2021 at 1:00 AM, sabrina_donutdigitalmedia said:

Site URL: https://www.donutdigitalmedia.com/

I have 9 images in a gallery which looks great as 3X3 on desktop, but I don't like how on mobile it does 2X4 with one image hanging alone at the bottom. I want to hide the last image in the gallery on mobile so there's only 8 images. I can't find a specific ID for that last image, only for the entire gallery block. 

Add to Design > Custom CSS

/* Hide last image mobile */
@media screen and (max-width:767px) {
[data-section-id="61afc5bfd7b2e570686fbc6a"] figure:last-child {
    display: none;
}
}