.image {
  --mobile-width: 100%;
  --desktop-width: 100%;
}
.image .cmp-image {
  width: var(--mobile-width);
}
@media (min-width: 992px) {
  .image .cmp-image {
    width: var(--desktop-width);
  }
}
.image__overlay {
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.image--fill-parent-height,
.image--fill-parent-height .cmp-image {
  height: 100%;
}
.image--fill-parent-height .cmp-image img {
  border-radius: 10px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
@media (max-width: 991px) {
  .image--fill-parent-height .cmp-image img {
    height: 420px;
    -o-object-position: top;
    object-position: top;
  }
}
@media (max-width: 595px) {
  .image--fill-parent-height .cmp-image img {
    height: 100%;
  }
}
.image--fill-parent,
.image--fill-parent .cmp-image,
.image--fill-parent .cmp-image__image {
  height: 100%;
  width: 100%;
}
.image--cover .cmp-image__image {
  -o-object-fit: cover;
  object-fit: cover;
}
.image--contain .cmp-image__image {
  -o-object-fit: contain;
  object-fit: contain;
}
.image--strech .cmp-image__image {
  -o-object-fit: fill;
  object-fit: fill;
}
.image--top .cmp-image__image {
  -o-object-position: top;
  object-position: top;
}
.image--middle .cmp-image__image {
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}
.image--bottom .cmp-image__image {
  -o-object-position: bottom;
  object-position: bottom;
}
.image--left .cmp-image__image {
  -o-object-position: left;
  object-position: left;
}
.image--center .cmp-image__image {
  -o-object-position: center;
  object-position: center;
}
.image--right .cmp-image__image {
  -o-object-position: right;
  object-position: right;
}
.image--top-left .cmp-image__image {
  -o-object-position: top left;
  object-position: top left;
}
.image--top-right .cmp-image__image {
  -o-object-position: top right;
  object-position: top right;
}
.image--bottom-left .cmp-image__image {
  -o-object-position: bottom left;
  object-position: bottom left;
}
.image--bottom-right .cmp-image__image {
  -o-object-position: bottom right;
  object-position: bottom right;
}
.image--offset-top .cmp-image__image {
  margin-top: 40px;
}
@media (max-width: 767px) {
  [data-wcm-mode="DISABLED"] .image--mobile-hide {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  [data-wcm-mode="DISABLED"] .image--tablet-hide {
    display: none;
  }
}
@media (min-width: 992px) {
  [data-wcm-mode="DISABLED"] .image--desktop-hide {
    display: none;
  }
}
.image--border .cmp-image__image {
  background: #fff;
  border: 2px solid #f5f5f5;
  border-radius: 18px;
}
.image--centered .cmp-image {
  margin-left: auto;
  margin-right: auto;
}
.image--border-radius-sm .cmp-image__image {
  border-radius: 8px;
}
.image--border-radius-md .cmp-image__image {
  border-radius: 10px;
}
.image--position-absolute {
  position: absolute;
}
@media (max-width: 767px) {
  .image--mobile-overlay-gradient-show .image__overlay {
    background: var(--overlay-gradient-mobile);
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .image--tablet-overlay-gradient-show .image__overlay {
    background: var(--overlay-gradient-tablet);
    display: block;
  }
}
@media (min-width: 992px) {
  .image--desktop-overlay-gradient-show .image__overlay {
    background: var(--overlay-gradient);
    display: block;
  }
}