.acf-block-preview #hero-section {

}

#hero-section .hero-section {
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    padding: 80px;
    position: relative;
    color: #000;
    height: 600px;
}

#hero-section .hero-section .overlay-box {
    background: rgba(255, 255, 255, 0.9);
    padding: 40px;
    border-radius: 10px;
    max-width: 500px;
}

@media (max-width: 767px) {
    
    #hero-section .hero-section {
        padding: 10px;
    }

}