styles.css

#latest {
    width: 50%;
    float: left;
    border: 3px solid black;
}

#data-display {
    width: 49%;
    background-color: white;
    float: right;
    opacity: 0.5;
}

body {
    font-family: sans-serif;
    background-image: url("background.jpg");
}

p {
    font-size: 30px;
}

h1 {
    font-size: 50px;
    text-align: center;
}

a {
    font-size: 30px;
    text-align: center;
    text-decoration: none;
    color: black;
}

#gallery {
    line-height:0;
    -webkit-column-count:5; /* split it into 5 columns */
    -webkit-column-gap:5px; /* give it a 5px gap between columns */
    -moz-column-count:5;
    -moz-column-gap:5px;
    column-count:5;
    column-gap:10px;
    width: 100%;
    padding-top: 15px;
}

#gallery img {
    width: 100% !important;
    height: auto !important;
    margin-bottom:10px; /* to match column gap */
    filter: grayscale(100%);
    transition: transform .2s;
}

#gallery img:hover {
    filter:none;
    transform: scale(1.1);
}