<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
figure {
background: #ffffff;
display: inline-block;
margin: 55px 75px 30px;
padding: 15px 15px 30px;
text-align: center;
text-decoration: none;
-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
-moz-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
-webkit-transition: all .20s linear;
-moz-transition: all .20s linear;
transition: all .20s linear;
cursor: pointer;
position: relative;
}
figcaption {
color: #333;
font-size: 25px;
position: relative;
top: 15px;
}
figure img {
display: block;
width: 250px;
}
figure:hover {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .7);