/* Responsive Images */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Responsive image classes */
.img-responsive {
  width: 100%;
  height: auto;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

/* Picture element support */
picture {
  display: block;
}

picture img {
  width: 100%;
  height: auto;
}

/* Lazy loading */
img[loading="lazy"] {
  opacity: 0;
  transition: opacity 0.3s;
}

img[loading="lazy"].loaded {
  opacity: 1;
}