/*utility to force image to not go stretchy out of whack */
.keep-proportion {
  width: 85%; /* Makes the image scale to the full width of its container */
  height: auto; /* This is the critical property—it calculates the height based on the width and the image's aspect ratio, preventing any vertical stretching */
  max-width: 100%; /* Ensures the image doesn't exceed its container's width (good for responsiveness) */
  display: block; /* Removes common layout issues, especially with <img> tags */
}