/**
 * @file
 * Image styles
 */

.image {
  width: 100%;
  position: sticky;
  top: 0px;
}
.image img {
  display: block;
  margin: 0 auto;
}

.page-node-type-homepage .layout__region > .image:not(.image--raw) img,
.page-node-type-page-builder .layout__region > .image:not(.image--raw) img {
  width: 100%;
  aspect-ratio: 582 / 561;
  height: auto;
  object-fit: cover;
  border-radius: 12vw 2vw;
}

@media all and (min-width: 600px) {
  .page-node-type-homepage .layout__region > .image:not(.image--raw) img,
  .page-node-type-page-builder .layout__region > .image:not(.image--raw) img {
    width: 582px;
    height: 561px;
    border-radius: 200px 32px;
  }
}