@media (max-width: 768px) {

    .flavoria .hero-content {

        flex-direction: column;
        text-align: center;
    }

    .flavoria .hero-image img {

        width: 100%;
        max-width: 280px;
    }

    .flavoria .hero h1 {

        font-size: 2.2rem;
    }
}