.cc--new-hero-home.bg-image .c--new-hero-home .hero-bg-image {
    background-size: 360%;
    background-position-y: 17%;
}
@media screen and (min-width: 300px) {
    .cc--new-hero-home.bg-image .c--new-hero-home .hero-bg-image {
        background-size: 310%;
        background-position-y: 34%;
    }
}
@media screen and (min-width: 350px) {
    .cc--new-hero-home.bg-image .c--new-hero-home .hero-bg-image {
        background-size: 270%;
        background-position-y: 43%
    }
}
@media screen and (min-width: 400px) {
    .cc--new-hero-home.bg-image .c--new-hero-home .hero-bg-image {
        background-size: 250%;
        background-position-y: 43%
    }
}
@media screen and (min-width: 425px) {
    .cc--new-hero-home.bg-image .c--new-hero-home .hero-bg-image {
        background-size: 237%;
        background-position-y: 47%;
    }
}
@media screen and (min-width: 475px) {
    .cc--new-hero-home.bg-image .c--new-hero-home .hero-bg-image {
        background-size: 209%;
        background-position-y: 48%;
    }
}
@media screen and (min-width: 525px) {
    .cc--new-hero-home.bg-image .c--new-hero-home .hero-bg-image {
        background-size: 193%;
        background-position-y: 48%;
    }
}
@media screen and (min-width: 575px) {
    .cc--new-hero-home.bg-image .c--new-hero-home .hero-bg-image {
        background-size: 177%;
        background-position-y: 48%;
    }
}
@media screen and (min-width: 650px) {
    .cc--new-hero-home.bg-image .c--new-hero-home .hero-bg-image {
        background-size: 155%;
        background-position-y: unset; /* back to original design */
        background-position: center; /* back to original design */
    }
}
/* At 768px, restore back to the original Cheppers design */
@media screen and (min-width: 768px) {
    .cc--new-hero-home.bg-image .c--new-hero-home .hero-bg-image {
        background-size: cover; /* back to original design */
    }
}