@media (max-width: 820px) {
    .overlay_hero {
        padding: 5%;
    }

    .overlay_hero h1 {
        font-size: 46px;
    }

    .joinplatform_heading {
        font-size: 28px;
        text-transform: capitalize;
    }

    .overlay_hero p {
        font-size: 18px !important;
    }


    .logoimage {
        top: 40px;
        left: 20px;
    }

}

@media (max-width: 500px) {

    .logoimage {
        height: 100px;
        width: 100px;
        position: absolute;
        top: 10px;
        left: 70px;
        object-fit: contain;
        z-index: 1000;
        background-color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }

    .logoimage img {
        height: 50px;
        width: 100px;
        object-fit: contain;
    }


    .logoimage {
        top: 10px;
        left: 10px;
    }

    .overlay_hero h1 {
        font-size: 36px !important;
    }

    .firstheading_overlay {
        font-size: 28px !important;
    }


}