.image-link {
    color: black; /* Text color for the heading */
    text-decoration: none; /* Removes underline from the heading */
    cursor: pointer; /* Hand cursor on hover for both image and heading */
    display: inline-block; /* Ensures the link wraps tightly around image and heading */
}

.image-link:visited {
    color: black; /* Keeps heading text black even after clicking */
}

.image-link img {
    display: block; /* Ensures the image behaves as a block for proper spacing */
}

.image-link h2 {
    margin: 10px 0 0 0; /* Optional: Adjust spacing between image and heading */
}

.image-link:hover img {
    opacity: 0.8; /* Slight fade on image hover */
}

.image-link:hover h2 {
    color: #333; /* Slightly darker text on hover for emphasis */
}