.square {
  padding-bottom: 100%;
  position: relative;
}

.square-content {
  display: -webkit-flex;
  display: flex;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
}