.wrapper2 {
    padding: 30px 10px;
 
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 1159px;
    margin: 0 auto;
}

.container2 {
    display: flex; /* Yatay düzenleme sağlamak için flex kullanımı */
    justify-content: space-between; /* Aralarda boşluk bırakmak için */
    flex-wrap: wrap; /* Sığmazsa alt satıra geçmek için */
}

    .container2 .child {
        width: calc(33.33% - 2px); /* Yaklaşık 33.33% genişlik (3 sütun) ve aralarda boşluk bırakarak */
        padding-top:20px;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        transition: transform 0.5s; /* Yakınlaşma efekti için geçiş */
    }

        .container2 .child img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: filter 0.5s, transform 0.5s; /* Hem renk hem de yakınlaşma efekti için geçiş */
            filter: brightness(70%); /* Hafif karartma efekti varsayılan olarak */
        }

        .container2 .child:hover img {
            filter: brightness(100%) contrast(1.2); /* Resim üzerine gelince renkleri düzeltme efekti */
            transform: scale(1.1); /* Resim üzerine gelince yakınlaşma efekti */
        }

.image-text {
    position: absolute;
    top: 1px;
    left: 10px;
    color: white;
    font-size: 48px;
    font-family:Poppins;
    font-weight:bold;
    
}
@media (max-width: 767px) { /* Telefon modu için medya sorgusu */
    .jumbotron.feature .row {
        flex-direction: column-reverse; /* Satırları ters çevirin */
    }

    .jumbotron.feature .col-md-6 {
        order: 1; /* Resimli sütunu ilk sıraya getirin */
    }
}