.keynotes-container {
    background: url("../assests/keynotes-header2.webp");
    background-size: 100% 100%;
    /* height: 100vh; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 6rem 0;
}
.keynotes-box {
    padding: 2rem;
}

/* Mobile Devices */
@media only screen and (max-width: 600px) {
    .keynotes-container {
        background: url("../assests/keyNotesForMobileDevice.webp");
        background-size: 100% 100% !important;
        background-repeat: no-repeat !important;
    }
}

/* Tablets */
@media only screen and (min-width: 601px) and (max-width: 1024px) {
}

/* Desktops */
@media only screen and (min-width: 1025px) {
}