.object-fit-box {
  position: relative;
  display: block;
  height: 0;
  width: 100%;
}

.object-fit-box.aspect-ratio-1x2 { padding-bottom: 200%; }
.object-fit-box.aspect-ratio-4x7 { padding-bottom: 175%; }
.object-fit-box.aspect-ratio-2x3 { padding-bottom: 150%; }
.object-fit-box.aspect-ratio-4x5 { padding-bottom: 125%; }

.object-fit-box.aspect-ratio-1x1 { padding-bottom: 100%; }
.object-fit-box.aspect-ratio-2x1 { padding-bottom: 50%; }
.object-fit-box.aspect-ratio-3x1 { padding-bottom: 33.33%; }
.object-fit-box.aspect-ratio-3x2 { padding-bottom: 66.66%; }
.object-fit-box.aspect-ratio-4x1 { padding-bottom: 25%; }
.object-fit-box.aspect-ratio-4x3 { padding-bottom: 75%; }
.object-fit-box.aspect-ratio-5x1 { padding-bottom: 20%; }
.object-fit-box.aspect-ratio-5x2 { padding-bottom: 40%; }
.object-fit-box.aspect-ratio-5x3 { padding-bottom: 60%; }
.object-fit-box.aspect-ratio-5x4 { padding-bottom: 80%; }
.object-fit-box.aspect-ratio-6x1 { padding-bottom: 16.66%; }
.object-fit-box.aspect-ratio-8x1 { padding-bottom: 12.5%; }
.object-fit-box.aspect-ratio-8x5 { padding-bottom: 62.5%; }
.object-fit-box.aspect-ratio-16x9 { padding-bottom: 56.25%; }
.object-fit-box.aspect-ratio-10x1 { padding-bottom: 10%; }
.object-fit-box.aspect-ratio-10x3 { padding-bottom: 30%; }
.aspect-ratio-parent { height: 100%; }

.object-fit-box img.object-fit-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  font-family: "object-fit: cover";
  object-fit: cover;
}