.square:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.xsmsquare:before {
  content: "";
  display: block;
  /*padding-top: 100%;*/
}