.et-image-contain {
  img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

.et-image-cover {
  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.et-image-native {
  img {
    width: 100%;
    height: auto;
  }
}

// background image styles
body {
  background-size:cover;
  background-repeat:no-repeat;
  background-position: top left;
}

/** Lazy-Sizes needs this or it may compute sizes wrong. @see https://github.com/aFarkas/lazysizes/issues/508 */
img[data-sizes="auto"] {
  display: block;
  width: 100%;
}