.square {
    float:left;
    position: relative;
    width: 100px;
    padding-bottom : 100px; /* = width for a 1:1 aspect ratio */
    margin:1.66%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover; /* you change this to "contain" if you don't want the images to be cropped */
}