/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.stratos-image {
  overflow: hidden;
  max-width: 100%;
}
.stratos-image picture {
  display: block;
  overflow: hidden;
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.stratos-image img {
  max-width: 100%;
  width: 100%;
  height: auto;
  max-height: 100%;
  min-height: 100%;
}
.stratos-image.cover img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.stratos-image.alignright {
  margin-left: auto;
  float: none;
}
.stratos-image.aligncenter {
  margin-left: auto;
  margin-right: auto;
}
.stratos-image.ratio {
  position: relative;
  width: auto;
  overflow: hidden;
}
.stratos-image.ratio:before {
  display: none;
}
.stratos-image.ratio img,
.stratos-image.ratio picture {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: inherit;
}
.stratos-image.ratio-16x9, .stratos-image.ratio-16x9 .components-resizable-box__container {
  aspect-ratio: 16/9;
}
.stratos-image.ratio-9x16, .stratos-image.ratio-9x16 .components-resizable-box__container {
  aspect-ratio: 9/16;
}
.stratos-image.ratio-21x9:not(.wp-block), .stratos-image.ratio-21x9 .components-resizable-box__container {
  aspect-ratio: 21/9;
}
.stratos-image.ratio-9x21, .stratos-image.ratio-9x21 .components-resizable-box__container {
  aspect-ratio: 9/21;
}
.stratos-image.ratio-4x3, .stratos-image.ratio-4x3 .components-resizable-box__container {
  aspect-ratio: 4/3;
}
.stratos-image.ratio-3x4, .stratos-image.ratio-3x4 .components-resizable-box__container {
  aspect-ratio: 3/4;
}
.stratos-image.ratio-1x1, .stratos-image.ratio-1x1 .components-resizable-box__container {
  aspect-ratio: 1/1;
}
.stratos-image.ratio.wp-block {
  aspect-ratio: unset !important;
}
.stratos-image.custom-ratio, .stratos-image.custom-ratio .components-resizable-box__container {
  aspect-ratio: inherit;
}
.stratos-image.custom-ratio {
  position: relative;
}
.stratos-image.custom-ratio img,
.stratos-image.custom-ratio picture {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: inherit;
}
.stratos-image.slide-up, .stratos-image.slide-down, .stratos-image.fade-in, .stratos-image.zoom-in, .stratos-image.tilt-in, .stratos-image.float-up, .stratos-image.fade-out, .stratos-image.zoom-out, .stratos-image.float-down {
  will-change: transform, opacity;
}
.stratos-image.tilt-in {
  transform-style: preserve-3d;
}
.stratos-image.tilt-in img {
  backface-visibility: hidden;
}