[dohtml]<nostalgia>
 <img class="leftimg" src="https://img.nickpic.host/FpnOXd.png">
 <nostcontent>
   All of my life, been trying to find A little bit of paradise So I'm gonna play a video game I've never been a socialite I'm just waiting for the stars to align Yeah, I'm waiting for the stars to align If I'm gonna lose my mind Tell 'em I'mma do it slow
 </nostcontent>
 <img class="rightimg" src="https://img.nickpic.host/FpnEFq.png">
</nostalgia><div style="width:400px; margin:0px auto; text-align:right;"><a href="https://linktr.ee/dauntss" style="font:italic 10px times, serif; text-decoration:none; letter-spacing:0.5px;" target="_blank">love, dante</a></div><style type=text/css>
nostalgia {
 --background:#fff;
 --border:#707070;
 display:block;
 width:500px;
 height:200px;
 margin:0 auto;
 background: var(--background);
 border:4px double var(--border);
 overflow:hidden;
 position:relative;
}
nostalgia img {
 width:200px;
 height:150px;
 object-fit:cover;
 object-position:top;
 filter:grayscale(1);
 border:4px double var(--border);
 box-sizing:border-box;
 transition-duration:0.5s;
 position:absolute;
 top:25px;
}
.leftimg {
 left:33px;
}
.rightimg {
 right:33px;
}
nostalgia:hover .leftimg {
 left:-75px;
}
nostalgia:hover .rightimg {
 right:-75px;
}
nostcontent {
 display:flex;
 align-items:center;
 justify-content:center;
 width:200px;
 height:150px;
 transform:scale(0);
 transition-duration:0.5s;
 position:absolute;
 top:25px;
 left:calc(50% - 100px);
 border:4px double var(--border);
 box-sizing:border-box;
 padding:0 15px;
 text-align:justify;
 text-align-last:center;
 font: 10px times, serif;
 color:var(--border);
 letter-spacing:2px;
}
nostalgia:hover nostcontent {
 transform:scale(1);
}</style>[/dohtml]