Snipr Code Grid:
{"settings":{"resources":[],"title":"Snipr Preview"},"code":{"html":"%3Cdiv%20class%3D%22logo%22%3E%0A%09%3Cimg%20src%3D%20%22%2F%2Fwpsnipr.com%2Fwp-content%2Fuploads%2F2016%2F01%2Fsite_logo_100.png%22%20alt%3D%22Snipr%20Logo%22%20%2F%3E%0A%3C%2Fdiv%3E","js":"%24('.logo').on('click'%2C%20function()%7B%0A%09alert('You%20clicked%20on%20the%20logo!')%0A%7D)%3B","css":"body%20%7B%0A%20%20%20%20background-color%3A%20rgba(0%2C%20157%2C%20226%2C%200.3411764705882353)%3B%0A%7D%0A.logo%20%7B%0A%20%20%20%20cursor%3Apointer%3B%0A%20%20%20%20display%3Ainline-block%3B%0A%20%20%09position%3A%20absolute%3B%0A%20%20%09left%3A%2050%25%3B%0A%20%20%09top%3A%2050%25%3B%0A%20%20%09-webkit-transform%3A%20translate(-50%25%2C%20-50%25)%3B%0A%20%20%09transform%3A%20translate(-50%25%2C%20-50%25)%3B%0A%7D%0A.logo%3Ahover%20%7B%0A%20%20%20%20opacity%3A.5%3B%0A%7D"}}
<div class="logo">
	<img src= "//wpsnipr.com/wp-content/uploads/2016/01/site_logo_100.png" alt="Snipr Logo" />
</div>
$('.logo').on('click', function(){
	alert('You clicked on the logo!')
});
body {
    background-color: rgba(0, 157, 226, 0.3411764705882353);
}
.logo {
    cursor:pointer;
    display:inline-block;
  	position: absolute;
  	left: 50%;
  	top: 50%;
  	-webkit-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
}
.logo:hover {
    opacity:.5;
}