Baul con música.

<link href="https://fonts.googleapis.com/css?family=Caveat+Brush" rel="stylesheet">
<div class="fondoBaul"><div class="fotoBaul" style="background:url(https://i.pinimg.com/736x/7c/dc/38/7cdc3891073910aa2e7d5fc10fb83dc2.jpg);background-size:100%;"><div class="fondoColor"><div class="nombreBaul">Nombre del Personaje</div><div class="subtituloBaul">frase corta bonita</div></div></div><div class="datosBaul"><iframe src="https://open.spotify.com/embed/track/1COWV6U3LKqCBpiHPthbiB" width="260" height="80" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe><br/><iframe src="https://open.spotify.com/embed/track/6wdkw4U5RYbYGShrrJ8P9k" width="260" height="80" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe></div></div><center>
<a href="https://bettyleg.tumblr.com/" style="color:#ccc; font-size:8px;">bettyleg</a></center>
<style>.fondoBaul{width:400px;height:400px;background:#fafafa;outline:1px solid #eee;outline-offset:5px;overflow:hidden;margin:0 auto; text-align:center;} .fotoBaul{width:400px;height:400px;float:left;-webkit-filter: blur(0px);filter: blur(0.3px);webkit-transition: 1s;-o-transition: 1s;transition: 1s;background-position-y: -43px;} .fondoColor {width:400px; height:400px; background:rgba(35,134,51,0.35);} .nombreBaul{color:#fafafa;font-family: 'Caveat Brush', cursive;font-size:45px;text-shadow:1px 1px 3px #000;position:relative;top:250px;line-height:1;text-transform:uppercase;margin:0 auto;letter-spacing:1px;width:250px;webkit-transition: 1s;-o-transition: 1s;transition: 1s;} .subtituloBaul{color:#fff;font-family:arial;font-size:8px;text-transform:uppercase;letter-spacing:5px;position:relative;top:197.5px;webkit-transition: 1s;-o-transition: 1s;transition: 1s;} .datosBaul{width:260px;height:165px; background:#fff;float:left;position:relative;left:50px;top:20px;webkit-transition: 1s;-o-transition: 1s;transition: 1s;padding:10px;font-size:10px;outline:1px solid #ccc; outline-offset:-8px;padding:20px;} .fondoBaul:hover .nombreBaul{webkit-transition: 1s;-o-transition: 1s;transition: 1s;font-size:40px;line-height:1;top:20px;letter-spacing:2px;} .fondoBaul:hover .subtituloBaul {webkit-transition: 1s;-o-transition: 1s;transition: 1s;top:285px;} .fondoBaul:hover .datosBaul{webkit-transition: 1s;-o-transition: 1s;transition: 1s;top:-265px;}</style>