.billboard {
    background-image: url('../img/billboard-gallery.jpg');
    background-position: center;
}

.gallery {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;

}

.gallery figure {
    flex: 0.35;
    flex-basis: 35%;
    margin-bottom: 24px;
}


/* here is the breakpoint for tablets */

@media screen and (min-width: 768px) and (max-width: 1439px) {
    .gallery figure {
        flex: 0.20;
        flex-basis: 20%;
        padding: 8px;
    }
   
}


/* here is the breakpoint for desktop */

@media screen and (min-width: 1440px) {
    .gallery figure {
        flex: 0.20;
        flex-basis: 20%;
        padding: 24px;
    }
    
}