.events-list__item-image {
    margin-bottom: 20px;
}

.events-list__item-image img {
    width: 100%;
    max-width: 400px; /* Adjust this for your preferred medium size */
    height: auto;
    border-radius: 4px; /* Optional: adds rounded corners */
    display: block;
}

.events-list__item-image {
    position: relative;
}
.events-list__item-image::after {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(0,0,0,0.7);
    color: white;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 12px;
}

/* If you want to maintain consistent height for all images */
.events-list__item-image {
    height: 220px; /* Adjust as needed */
    overflow: hidden;
}

.events-list__item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* This will crop images to fit the container */
}

.event-title-link {
    color: inherit; /* Keeps original text color */
    text-decoration: none; /* Removes underline */
    transition: color 0.3s ease;
}

.event-title-link:hover {
    color: #your-hover-color; /* Add your hover color */
    text-decoration: underline; /* Optional: add underline on hover */
}

.event-image-link {
    display: block;
    overflow: hidden;
}

.event-image-link img {
    transition: transform 0.3s ease;
}

.event-image-link:hover img {
    transform: scale(1.03); /* Slight zoom effect on hover */
}