horizontal reveal-hover menu

<!--
for carrd pro: put the image and the text in a container (vertically)
container class: whee
image class: spreadimage
text class: spreadtext

for others: just use <div class="whee"><div class="spreadimage"></div><div class="spreadtext"></div></div>
-->

<style>
.whee {transform:scale(0.85,0.85);}

.whee {position:relative; right:0em; left:0em; transition:all 1s;}

.spreadtext {height:15em; width:15em;
position:relative; top:-8.25em; left:0em;
overflow-y: scroll; transition:1s;}

.spreadimage {height:15em; width:15em; top:7.5em; z-index:99999;
position:relative; right:0em;
overflow-y: auto; transition:1s;}

.whee:hover .spreadimage {position:relative; right:7.5em; transition:1s;}

.whee:hover .spreadtext {position:relative; left:7.5em; transition:1s;}

</style>