@media (max-width:1024px) {
    .home-banner .container {
        flex-direction: column-reverse;
        display: flex;
    }

    .hero-image-wrapper {
        width: 100%;
    }
}
@media (max-width:768px) {
    .home-banner .hero-content {
        align-items: flex-start;
    }

    .home-banner .hero-content h1,
    .home-banner .hero-content .subheadline,
    .home-banner .hero-content .badge {
        text-align: left;
        margin: unset;
    }

    .home-banner .badge {
    margin-bottom: 0 !important;
}
}