#stop-all-videos {
  position: fixed;
  top: 200px;
  right: 0px;
}

#video-crop-div-wrapper {
  width: 300px;
  height: 300px;
  overflow: hidden;
}

#video-crop-div-wrapper video {
  width: auto;
  height: auto;
  max-width: none;
  position: relative;
  top: -150px;
  left: -150px;
}

#resolution-video1 {
  width: 25%;
}

#resolution-video2-div {
  width: 720px;
  height: 108px;
}

#resolution-video2 {
  -webkit-transform: scaleX(1.5);
  -moz-transform: scaleX(1.5);
  -webkit-transform: scaleY(0.2);
  -moz-transform: scaleY(0.2);
  -moz-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
}

#rotate-the-video, #play-rotating-video {
  z-index: 1000;
  position: relative;
}

#rotate-video {
  width: 50%;
  margin-top: 50px;
  margin-bottom: 50px;
  animation-duration: 3s;
  animation-name: rotate-video;
  animation-iteration-count: infinite;
  z-index: 1;
  position: relative;
}

@keyframes rotate-video {
  from {
    -moz-transform: rotate(20deg);
    -webkit-transform:rotate(20deg);
  }

  to {
    -moz-transform: rotate(120deg);
    -webkit-transform:rotate(120deg);
  }
}