picture.square,
picture.circle {
  display: inline-block;
  position: relative;
}

picture.square img,
picture.circle img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
picture.circle img {
  border-radius: 50%;
}

picture.square:after,
picture.circle:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

picture.left {
  margin-right:auto;
  display: block !important;
}

picture.center {
  margin-left: auto;
  margin-right: auto;
  display: block !important;
}

picture.right {
  margin-left:auto;
  display: block !important;
}