@media only screen and (min-width: 1024px) and (max-width: 1024px) {
    .hero img {
        margin-left: -50% !important;
        max-width: 100% !important;
    }

    .hero{
        height: 200px !important;
    }
}

@media only screen and (width: 820px) and (height: 1180px) {
    .hero img {
        margin-left: -50% !important;
        max-width: 100% !important;
    }

    .hero {
        height: 150px !important;
    }
}