@media only screen and (max-width: 1440px) {
    .main-hero-text-wrappe {
        width: 100%;
        height: 100svh;
    }

    .main-hero-text {
        font-size: 4rem;
    }

    .main-hero-subtext {
        font-size: 1.5rem;
    }

    .main-hero-backgroundtext {
        filter: blur(16px);
    }
}
    
@media only screen and (max-width: 768px) {
    .main-hero-text {
        font-size: 2rem;
    }

    .main-hero-subtext {
        font-size: 0.75rem;
    }

    .main-hero-backgroundtext {
        filter: blur(16px);
    }
}