* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

html, body{
   height: 100%;
}

body .row {
   height: 12.5%;
}

body .row .square {
   height: 100%;
   width: 12.5%;
   float: left;
}

body .row .square {
   height: 100%;
   width: 12.5%;
   float: left;
}

body .row .square img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}