/* styles.css */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    background-color: #e1efd8;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.image-container {
    width: 100%; /* Default: Ekranın tamamını kapla */
    height: 100%; /* Yükseklik tam ekran */
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-container img {
    height: 100%; /* Görsel tam ekran doldurur */
    object-fit: cover; /* Oran bozulmadan alanı doldur */
    display: block;
}

/* Mobil cihazlar için (768px ve altı ekranlar) */
@media (max-width: 768px) {
    .image-container {
        width: 100%; /* Mobilde genişlik %90 */
        height: auto; /* Yükseklik içeriğe göre ayarlanır */
        margin: 20px auto; /* Ortalanır */
        border-radius: 10px; /* Kenarlar yuvarlanır */
    }

    .image-container img {
        width: 100%;
        height: auto; /* Yükseklik oranını korur */
        object-fit: contain; /* Görselin tamamını gösterir */
    }
}