/* Custom CSS to control the width of the link wrapper */
.image-link-wrapper {
  max-width: 400px; /* Adjust this value (e.g., 250px, 400px) to your desired visual size */
}

/* Ensure the image fills its container (the <a> tag) up to the max-width */
.image-link-wrapper img {
  width: 100%; /* Important: Makes the image fill the controlled width of its parent <a> */
  height: auto; /* Maintains aspect ratio */
}

.center {
  text-align: center;
  margin-top: 0.5rem; /* Optional: Adds a small space between the image and the text */
}

/* Protect for SVG */
.protect {
    pointer-events: none;
}