.videos img {
  width:100%;
  height:auto;
}
a.video {
  float: left;
  position: relative;
}
a.video span {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("/sites/files/template-1/video-play.png") no-repeat;
  background-position: 50% 50%;
  background-size: 30%;
}

a.video span:hover {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("/sites/files/template-1/video-play.png") no-repeat;
  background-position: 50% 50%;
  background-size: 30%;
}

.video-caption {
 font-size: .75em;
  font-weight: bold;
  line-height: 1.3em;
}

@media screen and (max-width: 480px) {
  a.video span {
    background-size: 400%;
  }
}