/* Bootstrap 4 equivalent aspect ratio classes based on Bootstrap 5 */
.ratio {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Aspect ratio 16:9 */
.ratio-16x9 {
  padding-bottom: 56.25%; /* Calculat com 9 dividit per 16 */
}

/* Aspect ratio 4:3 */
.ratio-4x3 {
  padding-bottom: 75%; /* Calculat com 3 dividit per 4 */
}

/* Aspect ratio 1:1 */
.ratio-1x1 {
  padding-bottom: 100%; /* Quadrat */
}

/* Aspect ratio 21:9 */
.ratio-21x9 {
  padding-bottom: 42.857%; /* Calculat com 9 dividit per 21 */
}
.wrap-img-cover-object.ratio {height: auto!important;display: inherit;}