.section-package {
    background: url(../images/aux-packages.png) no-repeat white;
    border-radius: 0.45rem;
    color: #fff;
    height: 450px;
    background-size: contain;
    position: relative;
    z-index: 2;
}
@media only screen and (max-width: 400px) {
    .section-package {
        height: auto;
        background-size: contain !important;
        min-height: 165px;
    }
}
@media only screen and (max-width: 767px) {
    .section-package {
        height: auto;
        background-size: cover;
        min-height: 165px; /* For mobile devices */
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .section-package {
        height: auto;
        background-size: contain;
        min-height: 350px; /* For tablets */
    }
}

@media only screen and (min-width: 1200px) {
    .section-package {
        height: auto;
        min-height: 450px; /* For desktops */
            background-size: cover;
    }
}