@media screen and (min-width: 1200px) and (max-width: 1300px) {

    .hero-container {
            margin-top: 80px;
            position: relative;
            width: 100 %;
            height: 600px; /* Adjust height as needed */
            }

    }