When Star Breaks Things Episode 1

<style>
body {
background: #261726;
background-image: url("https://i.imgur.com/4E58yqy.png");
}

#bar {
position: absolute;
background:url('https://i.imgur.com/4E58yqy.png');
left: 0vw;
top: 41vh;
width: 100%;
height: 20vh;
background-color: #483048;
z-index: 1;
}
#container {
position: absolute;
background-size:cover;
top: 15vh;
left:2vw;
width: 94vw;
height: 68vh;
border: solid #000 5px;
background-color: #483048;
z-index: 1;

}

h1 { text-decoration: none;
  text-align:center;
  background-color: #a171b8;
	color: #f7f1fe;
	font-family: 'open sans condensed', sans serif;
  font-size: 13px;
  font-weight: none;
  display-inline: block;
  text-transform: uppercase;
  letter-spacing: 1px;
	padding: 0px;
  opacity: .8
  }

.stats {
position: absolute;
padding:1vw;
width: 18vw;
height: 55vh;
overflow: auto;
left: 1vw;
top: .8vw;
font-family: 'Kiona';
color: #cec9c3;
background-color: #483048;
border: solid #000 1px;
}
.content3 {
  text-align:right;
position: absolute;
padding:1vw;
width: 14vw;
height: 55vh;
overflow: auto;
left: 1vw;
top: .8vw;
font-family: 'Kiona';
color: #cec9c3;
background-color: #483048;
border: solid #000 1px;
}

.content1 {
position: absolute;
background-size:cover;
top: 2vw;
left: 2vw;
width: 22vw;
height: 62vh;
border: solid #000 2px;
background-color: #cec9c3;
background-image: url('https://media1.giphy.com/media/xT0BKgjkd3OyqpCjJK/source.gif');
background-size: fill;
background-position: center;
background-repeat: no-repeat;
z-index: 2;
}

.content2 {
position: absolute;
background-size:cover;
top: 2vw;
left: 25vw;
width: 18vw;
height: 62vh;
border: solid #000 2px;
background-color: #cec9c3;
background-image: url('https://media1.giphy.com/media/xT0BKgjkd3OyqpCjJK/source.gif');
background-size: fill;
background-position: center;
background-repeat: no-repeat;
z-index: 2;
}

#pic {
position: fixed;
top: -24px;
left: 888px;
width: 291px;
height: 525px;
padding: 10px;
background-color: transparent;
z-index: 5;
}
</style>
<div id="pic"><img src="https://i.picpar.com/gr2e.png"></img></div>
<div id="bar"></div>

<div id="container">
<div class="content1">
<div class="stats">Lorem Ipsum
Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.</div></div>

<div class="content2">
<div class="content3">
<h1>Out of character</h1>
<br>01. IC =/= OOC.
 <br>02. Smut is more likely with story, but I am not against it otherwise.
 <br>03. PM Friendly.
 <br>04. Typist is forgetful, so save posts.
 <br>05. 8 years RP experience, 3 on RPC.
 <br>06. Discord is earned.
 <br>07. Anything else that does not belong to me is the rightful property of their creators, etc. etc.
 <br>08. Any questions, comments or concerns? Please don't hesitate to PM me.
</div></div></div></div></div>