/*
    Featured images on the home page.
    A little different than the gallery.
*/

#featured_images figure {
    margin: 1em 0 1em 6.66%;
    width: 40%;

    float: left;
}

#featured_images img {
    max-width: 100%;
    border: 1px solid black;

    /* Cropping */
    aspect-ratio: 4/3;
    object-fit: cover;
}

#featured_images figcaption {
    text-align: center;
}

@media only screen and (max-width: 620px) {
    #featured_images {
        font-size: 75%;
    }
    
    #featured_images figure {
        width: 45%;
        margin: 2.4%;
    }
}