
/* Mark the container as a query container */
.image-container {
  container-type: inline-size;
}
/* When the container’s width is at least 500px, apply a max-width style to the image */
@container (min-width: 500px) {
  .image-container img {
    max-width: 80%;
    height: auto;
  }
}

/* Mark the container as a query container */
.image-container {
  container-type: inline-size;
}
/* When the container’s width is at least 500px, apply a max-width style to the image */
@container (min-width: 500px) {
  .image-container img {
    max-width: 80%;
    height: auto;
  }
}

/* Mark the container as a query container */
.image-container {
  container-type: inline-size;
}
/* When the container’s width is at least 500px, apply a max-width style to the image */
@container (min-width: 500px) {
  .image-container img {
    max-width: 80%;
    height: auto;
  }
}

/* Mark the container as a query container */
.image-container {
  container-type: inline-size;
}
/* When the container’s width is at least 500px, apply a max-width style to the image */
@container (min-width: 500px) {
  .image-container img {
    max-width: 80%;
    height: auto;
  }
}