@patreon/studio/module/components/Image/Image.module.css

Patreon Studio Design System

.container {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.absolutePlaceholder {
  inset: 0;
  position: absolute;
}

.placeholderImage {
  height: 100%;
  width: 100%;
}

.sizingCover .placeholderImage {
    -o-object-fit: cover;
       object-fit: cover;
  }

.sizingContain .placeholderImage {
    -o-object-fit: contain;
       object-fit: contain;
  }

.image {
  display: block;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  width: 100%;
}

.sizingCover .image {
    -o-object-fit: cover;
       object-fit: cover;
  }

.sizingContain .image {
    -o-object-fit: contain;
       object-fit: contain;
  }