.custom-home-search-bar {
    background-image: url("../../../images/media/media-36.jpg");
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
}

/* If you need different heights for mobile/desktop */
@media (max-width: 768px) {
    .custom-home-search-bar {
        height: calc(100vh - 221px);
    }
}
@media (max-width: 540px) {
    .custom-home-search-bar {
        height: calc(100vh - 221px);
    }
}

@media (min-width: 769px) {
    .custom-home-search-bar {
        height: calc(100vh / 1.48);
        background-attachment: fixed;
    }
}