/* wwwroot/css/heytak.css */
.image-container {
    position: relative;
    padding-top: 50%; /* 75% → 50% olarak küçültüldü */
    background: #f8f9fa;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
}

    .image-container img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 85%; /* Yeni ekleme */
        height: 85%; /* Yeni ekleme */
        transform: translate(-50%, -50%); /* Merkezlemek için */
        object-fit: cover; /* contain → cover olarak değiştirildi */
        padding: 0.5rem; /* 1rem → 0.5rem olarak küçültüldü */
    }

.feature-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 15px;
    max-width: 350px; /* Yeni ekleme */
    margin: 0 auto; /* Yeni ekleme */
}

@media (max-width: 768px) {
    .image-container {
        padding-top: 70%; /* 100% → 70% olarak ayarlandı */
    }

        .image-container img {
            width: 75%;
            height: 75%;
        }
}

.app-image-container {
    max-width: 600px; /* Görselin maksimum genişliği */
    margin: 0 auto; /* Ortalama */
}

    .app-image-container img {
        width: 50%; /* Orijinal boyutun yarısı */
        height: auto;
        transition: transform 0.3s ease;
    }

@media (max-width: 768px) {
    .app-image-container img {
        width: 70%; /* Mobilde biraz daha büyük */
    }
}

/* Hover Efektini Koru */
.app-image-container:hover img {
    transform: scale(1.02);
}