@media screen and (max-width: 768px) {
    .image-container img {
        width: min(250px, 60vw);
        height: min(250px, 60vw);
    }

    .card:hover {
        transform: none;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .footer {
        flex-direction: column;
        gap: 0.5rem;
    }

    .imprint-link {
        right: 0;
        padding-bottom: 1rem;
    }
}


@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}