.my-gallery {
  width: 100%;
  /*float: left;*/
}

.my-gallery figure {
  display: inline-block;
  /*float: left;*/
  margin: 0 16px 16px 0;
  width: 280px;
  height: 420px;

  position: relative;
  overflow: hidden;
}

.my-gallery img {
  width: 100%;
  height: auto;
  object-fit: cover;
/*
  position: absolute;
  max-width: 100%;
  top: 50%;     
  left: 50%;
  transform: translate( -50%, -50%);
*/
}

/*
.my-gallery img.landscape {
    height: 100%;
    width: auto;
}
*/

/*
a.photo_format{
  position: relative;
  width: 280px
  height: 420px;
  overflow: hidden;
}
*/