@media (min-width: 768px) {
    .list-item-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .list-item {
        flex: 0 0 calc(50% - 25px);
        margin-right: 30px;
        margin-bottom: 30px;
        border: 1px solid #eee;
        padding: 20px;
    }

    .list-item:nth-child(2n) {
        margin-right: 0;
    }

    .list-item img {
        width: 100%; /* Genişliği konteynere göre ayarla */
        height: auto; /* Yüksekliği orijinal oranına göre ayarla */
        aspect-ratio: 4 / 3; /* Biraz daha dikdörtgen görünüm */
        object-fit: cover;
    }
}
/* Mobil cihazlar ve küçük ekranlar için varsayılan stil */
.profile-container {
    display: flex;
    flex-direction: column;
    align-items: center; /* Merkeze hizalama */
    text-align: center;
}

.profile-image img {
    width: 100px; /* Resmi küçült */
    height: 100px;
    border-radius: 50%;
    margin-bottom: 10px; /* Resim altındaki boşluk */
}

.profile-info {
    display: flex;
    flex-direction: column;
}

.profile-info h1, .profile-info p {
    margin: 5px 0; /* Metinler arası boşluk */
}

/* Bilgisayar ve büyük ekranlar için stil */
@media (min-width: 768px) {
    .profile-container {
        flex-direction: row;
        align-items: flex-start; /* Üst hizaya çekme */
        text-align: left;
    }

    .profile-image img {
        width: 150px; /* Resmi büyüt */
        height: 150px;
        margin-right: 20px; /* Sağdaki boşluk */
        margin-bottom: 0; /* Alt boşluğu kaldır */
    }

    .profile-info {
        flex: 1; /* Geri kalan alanı doldur */
    }
}