@use '../utils/constants.scss';

$aspectRatioBaseClass: '#{constants.$prefix}aspect-ratio';

.#{$aspectRatioBaseClass} {
  aspect-ratio: var(--#{constants.$prefix}comp-aspect-ratio-aspect-ratio);
  width: 100%;
  position: relative;
  overflow: hidden;

  & img,
  video {
    position: relative;
    z-index: 0;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    display: block;
  }
}