.u-size-img__full img,
.u-size-img__full svg {
  width: 100%;
}

.u-size-img__icon img,
.u-size-img__icon svg {
  width: 100%;
  max-width: 6rem;
}

.u-size-img__auto img,
.u-size-img__auto svg {
  width: auto;
}

img.u-size-img__cover,
.u-size-img__cover .is-picture-img,
img.u-size-img__contain,
.u-size-img__contain .is-picture-img {
  display: block;
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}

img.u-size-img__contain,
.u-size-img__contain .is-picture-img {
  object-fit: contain;
}

.u-size-img__style1 .is-picture {
  aspect-ratio: 500 / 300;
  overflow: hidden;
  border: 2px solid var(--v-color__1);
  border-radius: var(--v-border-radius__md);
}

/*
.u-size-img__style1--alt1 .is-picture {
  aspect-ratio: 500 / 350;
}
*/

.u-size-img__style1 .is-picture-img {
  display: block;
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}

@media (max-width: 699px) {
  .u-size-img__md---sm img,
  .u-size-img__md---sm svg {
    width: 100%;
    max-width: 15rem;
    margin: 0 auto;
  }

  .u-size-img__badge--mobile img,
  .u-size-img__badge--mobile svg {
    max-width: 12rem;
    margin: 0 auto;
  }
}