#links a:link, #links a:visited {
    display: block;
    width: 49%;
    float: left;
    margin-right: 1%;
    margin-bottom: 1%;
    transition: transform 0.5s;
    overflow: hidden;
}

#links a:link img {
    width: 100%;
    height: auto;
}

#links a:hover {
    transform: scale(1.2);
}

#links a:nth-child(2n+3) {
    clear: both;
}

@media only screen and (min-width: 580px) {
    #links a:link, #links a:visited {
        width: 32%;
    }

    #links a:nth-child(2n+3) {
        clear: none;
    }

    #links a:nth-child(3n+4) {
        clear: both;
    }
}

@media only screen and (min-width: 992px) {
    #links a:link, #links a:visited {
        width: 24%;
    }

    #links a:nth-child(3n+4) {
        clear: none;
    }

    #links a:nth-child(4n+5) {
        clear: both;
    }
}