@media (max-width: 767px) {
    .parallax,
    .parallax-background {
        background-attachment: scroll !important;  /* fixed kalktı */
        background-position: center !important;
        transform: none !important;               /* parallax animasyonu iptal */
        height: auto !important;                  /* height:180% iptal */
    }

    /* Parallax eklentisinin zorunlu olarak eklediği özel height değerini geçersiz kılar */
    .parallax-background {
        height: auto !important;
        min-height: 350px; /* kendi istediğin bir boy */
    }
}




.background-image-wrapper {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
}

@media (max-width: 992px) {
    .background-image-wrapper {
        height: 300px; /* Tablet */
    }
}

@media (max-width: 576px) {
    .background-image-wrapper {
        height: 300px; /* Mobil */
    }
}