vuestic-ui/dist/esm-node/VaImage.css

Vue 3 UI Framework

:root,
:host {
  --va-image-content-position: absolute;
  --va-image-content-img-object-position: 50% 50%;
}
.va-image__content {
  position: var(--va-image-content-position);
  inset: 0;
  width: 100%;
}
.va-image__content img {
  width: 100%;
  height: 100%;
  object-fit: var(--va-fit-computed);
  object-position: var(--va-image-content-img-object-position);
}
.va-image__overlay {
  position: absolute;
  inset: 0;
}
.va-image__placeholder, .va-image__loader, .va-image__error, .va-image__overlay {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}