/* Set the container for the video and image */
.container {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.contain{
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 85dvh;
    width: 100%;
}

/* Style for the video (background) */
video {
    width: 80vw;
    height: 100%;
    object-fit: cover; /* Ensures the video covers the entire container */
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; /* Video will be behind the image */
}


/* Style for the image (foreground) */
.overlay-image {
    width: 450px;
    /* max-width: 600px; */
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    transform: translate(-62%, -50%); */
    z-index: 2; /* Image will be in front of the video */
}

.text-center{
    padding-bottom: 0%;
    margin-bottom: 50%;

}
#logo{
    animation: pulse 3s ease-in infinite;
  }

@keyframes pulse{
    25%  {transform: scale(0.9);}
    75%  {transform: scale(4.1);}
}