@media only screen and (max-width: 600px) {
  .banner-overlay {
    height: 25% !important;
  }

  /* .yt-logo-overlay {
    height: 22% !important;
    width: 20% !important;
  } */
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
  }
  
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.welc-user {
  margin-bottom: 2em;
}

.stories-wrapper {
  margin-bottom: 2em;
}

.cut-text { 
  text-overflow: ellipsis;
  overflow: hidden; 
  height: 1.2em; 
  white-space: nowrap;
}

.banner-overlay {
  position: absolute;
  width: 100%;
  height: 20%;
  background-image: linear-gradient(to right, rgb(0,0,0,0), rgb(0,0,0,1) 50%, rgb(0,0,0,1));
  top: 0px;
  left: 0;
}
.upskill-banner-overlay {
  height: 10% !important;
}

.yt-logo-overlay {
  position: absolute;
  width: 50%;
  height: 55px;
  bottom: 0px;
  right: 0;
}

video {
  width: 100%;
  height: 50%;
  object-fit: cover;
  position: absolute;
  margin: 5px;
  z-index: -1 !important;
}