.my-video-bannr {
  position: relative;
}

.scrollbar {
  z-index: 9999;
  font-size: 35px;
  position: absolute;
  /* top: 20%; */
  bottom: 5%;
  left: 45%;
  /* -webkit-animation: slide-top 1s ease-in-out infinite alternate-reverse both;
	        animation: slide-top 1s ease-in-out infinite alternate-reverse both; */
}

.scrollbar i {
  -webkit-animation: slide-top 1s ease-in-out infinite alternate-reverse both;
  animation: slide-top 1s ease-in-out infinite alternate-reverse both;
}

/* ----------------------------------------------
 * Generated by Animista on 2023-6-26 10:42:7
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
body {
  position: relative;
}

.floating-img {
  position: fixed;
  top:39%;
  right: 0;
  z-index: 999; 
  max-width:150px;
  /*transform: translate(0px, -50%);*/
  overflow: hidden;
  animation: 1s ease-out 0s 1 slideInFromLeft; 
  display:block;

  /* background: #333; */
  /* padding: 30px; */
/*  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);*/
}

@keyframes slideInFromLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}

@media only screen and (max-width:600px){

.floating-img {
  max-width:110px;
}

}