.image {
  filter: var(--image-filter);
}

.image-cover {
  width: 100%;
  height: auto;
  min-height: 100%;
  object-fit: cover;
}

.image-contain {
  width: 100%;
  height: auto;
  min-height: 100%;
  object-fit: contain;
}

.image-3x2 {
  aspect-ratio: 3/2;
  object-fit: cover;
}

.image-4x3 {
  aspect-ratio: 4/3;
  object-fit: cover;
}

.image-16x9 {
  aspect-ratio: 16/9;
  object-fit: cover;
}

.image-square {
  aspect-ratio: 1/1;
  object-fit: cover;
}

.image-portrait {
  aspect-ratio: 2/3;
  object-fit: cover;
}

.image-rounded-circle {
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: var(--border-radius--circle);
}

.image-rounded-sm {
  border-radius: var(--border-radius--sm);
}

.image-rounded {
  border-radius: var(--border-radius--md);
}

.image-rounded-lg {
  border-radius: var(--border-radius--lg);
}

/* Background Image Display Types */
.image-background,
.video-background {
  position: absolute;
  left: 0;
  top: 0;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  filter: var(--image-filter--muted);
}

.image-background--cover,
.video-background {
  object-fit: cover;
}

.image-background--normal {
  background-repeat: no-repeat;
}

.image-background--tiled {
  background-repeat: repeat;
  background-size: auto;
}

.wp-video,
.video-player {
  width: 100% !important;
}