.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.scrollFade {
  opacity: 1;
  pointer-events: all;
  
}
.scrollFade--hidden {
  opacity: 0;
  pointer-events: none;
}
.scrollFade--visible {
  opacity: 1;
  pointer-events: all;
 /* background: linear-gradient(90deg, rgb(0 154 166), rgb(0 154 166 / 2%), rgba(34,34,34,0), rgb(55 66 74));*/
    /* background-position-x: 0% !important; */
    /* background-position-y: 0% !important; */
    background-position: 100% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    /* margin: 0.625rem !important; */
    /* border: 1px solid rgb(55, 118, 120) !important; */
    -webkit-transition: transform 0.7s ease-out;
    -moz-transition: transform 0.7s ease-out;
    -o-transition: transform 0.7s ease-out;
}
.scrollFade--animate {
  transition: opacity .9s cubic-bezier(0.65, 0.05, 0.36, 1);
 transition: opacity .7s cubic-bezier(0.65, 0.05, 0.36, 1);
 transition: opacity .7s ease-in-out;
  transform: matrix(1, 0, 0, 1, 0, -57.5173);
  transform: translateY(0px);
}