JSFiddle - React, Tailwind, and code Playground

HTML

<div class="videoframe"> <img src="http://lorempixel.com/output/sports-q-c-640-480-7.jpg" /> </div>

CSS

.videoframe {
border: solid 2px;
border-radius: 20px;
margin-right: 20px;
margin-bottom: 20px;
padding: 10px;
    display:inline-block;
}

.videoframe img {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
border-radius: 20px;
    padding:10px;
width: 200px;
height: 113px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}

.videoframe img:hover {
width: 300px;
height: 168px;
overflow: hidden;
}