.image-container {
    position: relative;
}

.image-link {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 10px;
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s ease-in-out;
}

.image-container:hover .image-link {
    visibility: visible;
    opacity: 1;
}

.event {
    border: 1px solid #000000; /* 添加边框样式 */
    padding: 10px; /* 可选：添加内边距以增加边框与内容之间的间隔 */
    margin-bottom: 3rem;
}

.vacancy {
            border: 1px solid #e9ecef;
            padding: 15px;
            margin-bottom: 10px;
        }

a.no-url {
  text-decoration: none; /* Remove underline */
}

a.no-url:hover {
  text-decoration: none; /* Remove underline on hover */
  cursor: pointer;
}

 /* Styling for the banner */
    .banner {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #f2f2f2;
        padding: 5px;
        border-radius: 5px;
        z-index: 9999;
        display: none;
    }

    .banner img {
        max-width: 100%; /* Make the image fit the container */
        max-height: 100%; /* Make the image fit the container */
        object-fit: contain; /* Ensure the entire image is visible without stretching */
    }

    .close-button {
        position: absolute;
        top: 10px;
        right: 15px;
        cursor: pointer;
        width: 30px; /* Adjust the width as per your preference */
        height: 30px; /* Adjust the height as per your preference */
        font-size: 11px;
    }

    /* Media query for smaller screen sizes (max-width: 768px)*/
    @media (max-width: 768px) {
        .banner {
            width: 80%; /* Adjust the width for smaller screens */
            max-width: 400px; /* Adjust the maximum width for smaller screens */
        }

        .close-button {
            width: 30px; /* Adjust the width for smaller screens */
            height: 30px; /* Adjust the height for smaller screens */
        }
    }