.image-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-bottom: 20px; /* Space between the image containers */
        padding: 10px; /* Padding inside the container */
        border: 2px solid #c5c5c5; /* Black border */
        border-radius: 8px; /* Rounded corners */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional: shadow for better visual separation */
        max-width: 300px; /* Maximum width for each container */
    }
    .image-container img {
        width: 100%; /* Make image take up full width of container */
        height: auto; /* Maintain aspect ratio */
        border-bottom: 2px solid #fff; /* Border below the image */
        padding-bottom: 10px; /* Padding below the image */
    }
    .image-title {
        margin-top: 10px; /* Space above the title */
        font-size: 16px; /* Font size for the title */
        font-weight: bold; /* Bold text for the title */
        display: inline-block; /* Display title as inline-block to style as button */
        padding: 10px 20px; /* Padding inside the button */
        border: 2px solid #f71735; /* Border color */
        border-radius: 25px; /* Rounded corners */
        color: #f71735; /* Text color */
        text-decoration: none; /* Remove underline */
        transition: background-color 0.3s, color 0.3s; /* Smooth transition for hover effect */
    }
    .image-title:hover {
        background-color: #f71735; /* Background color on hover */
        color: #fff; /* Text color on hover */
    }