muses page

css —

.musebox { width:auto; height:auto; overflow-x:hidden;  overflow-y:scroll; border-radius:6px; }

.musebox h1 { text-align:left; letter-spacing:4px; color:{color:text}; padding:10px 0px 10px 0px; }

.musebox img { width:70px; height:70px; background:transparent; -webkit-filter:grayscale(30%);}

.musebox img:hover { -webkit-filter:grayscale(30%); border-radius:50%;  -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s;  -webkit-transform: rotateY(180deg); /* Safari */
transform: rotateY(180deg); /* Standard syntax */}





____________





html —

<div class="musebox" style="overflow: hidden;">
<h1>residents of greystone&hellip;</h1>
<div align="center"><a href="/zia." title="zia monroe frost."><img src="https://78.media.tumblr.com/a511a0f676c79abda8d39c0ed9184bab/tumblr_inline_pcaeesmyQs1w4f8kl_500.png" /></a><a href="/seven." title="seven river arceneaux."><img src="https://78.media.tumblr.com/c32c2a7419d40280085d9f64b0d566a9/tumblr_inline_pcaefvDjWH1w4f8kl_500.png" style="margin-left: 20px;" /></a></div>
<p><br /><br /></p>
</div>