Chestnut Bud is for those who have difficulty in learning from their mishaps, finding it necessary to have the same experience several times before accepting it. This remedy helps such people to be aware of the consequences of their previous actions and, with this larger viewpoint, to make more informed choices.
/* 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;
}
}