body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

#image-container img {
    width: 100%;
}

#video-container {
    display: flex;
    justify-content: center;
    background-color: white;
}

#video {
    width: 75%; /* Adjust based on preference */
}

#content-container {
    display: flex;
    background: linear-gradient(to right, #0072ff, #00c6ff);
}

#image-side, #text-side {
    flex: 1;
}

#image-side img {
    margin: 70px;
    width: 80%;

}

#text-side {
    font-family: Noto Sans Hebrew;
    margin: 50px;
    text-align: right;
    padding: 20px;
    direction: rtl; /* Right-to-left text direction */
}

h1 {
    font-size: 50px;
    font-weight: 800;
}

h2 {
    font-size: 30px;
}

@media (max-width: 768px) {
    #content-container {
        flex-direction: column;
    }

    #text-side, #image-side {
        flex: none;
        width: 100%;
    }
}