ahahahah

<!DOCTYPE html>
<html>

<head>
	<title>HTML video poster Attribute</title>
<style>
.videos img {
  width:100%;
  height:auto;
}
a.video {
  float: left;
  position: relative;
}
a.video span {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("https://embed.wwwputlocker.net/images/overlay.png") no-repeat;
  background-position: 50% 50%;
  background-size: 10%;
}
@media screen and (max-width: 480px) {
  a.video span {
    background-size: 400%;
  }
}
</style>
</head>

<body>


<div class="videos">
    <a href="https://www.youtube.com/watch?v=F5FEj9U-CJM" class="video">
        <span></span>
        <img src="https://image.tmdb.org/t/p/original/c1Hbz5xFkLqttnveoniVlGR3oI6.jpg" alt="True Facts About The Mantis Shrimp" />
    </a>
</div>


</body>

</html>