a sense of liberty

[dohtml]
<link href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono:100,100i,300,300i,400,400i,500,500i,700,700i" rel="stylesheet">

<div id="forever">
 <div id="forever-1">
   <h1>I get this feeling I'm in motion<br>A sudden sense of liberty</h1>
   <line1></line1><line2></line2><line3></line3>
   <img src="square gif here, will resize">
 </div>
 <div id="forever-txt">post here
</div>
<h2>@tag</h2>
<h3>words: ###</h3>
</div>
<a href="oliviacodes.tumblr.com"><div style="width: 500px; margin: 10px auto; text-align: right; font-size: 8px; font-family: arial; text-transform: uppercase; color: #aaa;">oliviacodes</div></a>

<style>
#forever {width: 500px; height: 350px; background: #333; margin: auto; position: relative; overflow: hidden}
#forever-1 {height: 350px; width: 150px; background: #666; position: absolute}
#forever h1 {text-transform: uppercase; font-size: 8px; width: 110px; text-align: right; position: absolute; top: 20px; left: 20px; line-height: 20px; font-family: poppins; font-size: 20px; font-weight: 900; font-style: italic; color: #ddd; z-index: 3;}
#forever line1, #forever line2, #forever line3 {height: 1px; width: 300px; position: absolute; background: #eee;}
#forever line1 {top: 50px; -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -o-transform: rotate(-20deg);left: -30px;}
#forever line2 { top: 280px; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg);width: 500px; left: -50px; z-index: 3}
#forever line3 {-webkit-transform: rotate(50deg); width: 600px; left: 30px;}
#forever img {height: 70px!important; width: 70px!important;position: absolute; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); object-fit: cover; object-position: center; top: 190px; left: 40px;}
#forever-txt {height: 260px; width: 230px; background: none; position: absolute; right: 25px; top: 25px; overflow: auto; font-family: roboto mono; color: #eee; text-align: justify; font-size: 9px; line-height: 14px; background: #333; padding-right: 5px;}
#forever h2 {height: 20px; width: 260px; position: absolute; line-height: 20px; font-size: 15px; font-family: poppins; text-transform: uppercase; font-weight: 900; font-style: italic; color: #bbb; text-align: right; -webkit-transform: rotate(-90deg); top: 135px; left:90px; background: none; }
#forever h3 {height: 20px; width: 260px; position: absolute; line-height: 20px; font-size: 15px; font-family: poppins; color: #aaa; text-transform: uppercase; font-weight: 900; font-style: italic; bottom: 20px; right: 30px; text-align: right;}
#forever-txt::-webkit-scrollbar {width: 5px}
#forever-txt::-webkit-scrollbar-thumb {background: #333!important; border: 1px solid #bbb!important;}
#forever-txt::-webkit-scrollbar-track {background: #333!important; border: none!important}
</style>
[/dohtml]