html, body {
 margin: 0;
 padding: 0;
 width:100%;
 height: 100%;
 overflow: hidden;
}

body {
 background-image: url("../img/black-metal-grid_100.png");
 background-color: #000;
 text-align:center;
 color: #fff;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-weight: normal;
 font-size:100%;
}

a {
 color: #fff;
 text-decoration: none;
}

a:hover, a:active {
 color: #eee;
 text-decoration: underline;
}

.container {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 padding: 10px;
 width: 405px;
 height: 201px;
}
.container img {
 display:block;
 margin:auto;
 max-width:100%;
 height:auto;
 border-radius:10px;
 transition:transform 0.5s;
 /*transform:scale(1.7); set this on img, or on hover below*/
}
.container img:hover {
 transform:scale(1.7) ;
}

.footer {
 position: absolute;
 text-align:center;
 width: 100%;
 bottom: 0px;
}