img:hover {
    cursor: zoom-in;
}

.github-corner svg {
    fill: var(--primary-light-color);
    color: var(--page-background-color);
    width: 72px;
    height: 72px;
}

#gallery {
    line-height: 0;
    -webkit-column-count: 3; /* split it into 5 columns */
    -webkit-column-gap: 5px; /* give it a 5px gap between columns */
    -moz-column-count: 3;
    -moz-column-gap: 5px;
    column-count: 3;
    column-gap: 5px;
}

#gallery img {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 5px; /* to match column gap */
}

@media screen and (max-width: 767px) {
    .github-corner svg {
        width: 55px;
        height: 55px;
    }

    #projectnumber {
        margin-right: 22px;
    }

    #gallery {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}