@media screen and (max-width:1000px) {
    #hero_section {
        flex-direction: column-reverse;
        height: 70vh;
        min-height: 650px;
    }
    #hero_section div {
        width: 100%;
    }
    .left_hero_section {
        padding-bottom: 1em;
    }
    .right_hero_container img {
        width: 100%;
    }
}