JSFiddle - React, Tailwind, and code Playground

HTML

<div class="replacement">
    <img class="top-img" src="http://placekitten.com/560/315" alt="Kitten">
    <iframe class="video" width="560" height="315" src="http://www.youtube.com/embed/H93n-k3SkiQ" frameborder="0" allowfullscreen></iframe>
</div>

CSS

.replacement {
    position: relative;
}
.top-img {
    position: absolute;
}

JavaScript

jQuery(document).ready(function($) {
	$('.replacement .top-img').on('mouseenter', function () {
		$(this).fadeOut(500);
	});
});