.yemek-scroll-container {
    height: 1000px;
    width: 500px;
    overflow: hidden;
    border: 1px solid #eee;
    position: relative;
    justify-content: center;
}

.scrolling-yemek {
    /* Animasyonu tanımla: adı 'scrollDown', süresi 20 saniye, hızı sabit (linear), sonsuz döngü */
    animation: scrollDown 30s linear infinite;
}

/* Fare üzerine gelince durma özelliği bu koddan kaldırıldı */

.scrolling-yemek img {
    width: 100%;    /* Resimler konteyner genişliğine uysun */
    height: auto;   /* Yükseklik otomatik ayarlansın */
    display: block; /* Resimler altındaki gereksiz boşluğu kaldır */
}

/* Animasyonun kendisi (Keyframes) */
@keyframes scrollDown {
    0% {
        /* Başlangıç pozisyonu */
        transform: translateY(0);
    }
    100% {
        /* Bitiş pozisyonu: Resim grubunun toplam yüksekliği kadar yukarı kaydır */
        /* Resim grubunu kopyaladığımız için toplam yüksekliğin yarısı kadar kaydırmak yeterlidir. */
        transform: translateY(-50%);
    }
}