squared.css

.squared { position: relative; display: block; overflow: hidden; padding-top: 100%; }
.squared > img { position: absolute; top: 0; }
.squared.background { background-size: 100%; background-size: cover; background-position: center;  }
.squared.background > img { opacity: 0; }