yor

<style>
@import url('https://fonts.googleapis.com/css2?family=Grechen+Fuemen&display=swap');
body {
background-color: #c2c724;
background-image: url("https://www.transparenttextures.com/patterns/crisp-paper-ruffles.png"), linear-gradient(230deg, #283645, #7b152a, #a24250);
	background-position: fixed;
	background-repeat:repeat;
	background-position: right bottom;}


#yor{
 position: fixed;
 bottom: -1vw;
 right:9vw;
 z-index: 1;
opacity: 1;
transition: .8s;
height: 45vw;
width: 30vw;
}

#yor img{position: fixed;
display: inline-block;
opacity: 1;
height: 45vw;
}

#name {
 position: fixed;
 bottom: 47vw;
 left: 24vw;
height: 0vw;
width: 0vw;
 z-index: 1;
}

#name img{position: fixed;
display: inline-block;
opacity: 1;
height: 25vw;
}

#tv{
 position: fixed;
 bottom: -10vw;
 left:9vw;
 z-index: 20;
opacity: 1;
transition: .8s;
height: 45vw;
width: 30vw;
}

#tv img{position: fixed;
display: inline-block;
opacity: 1;
height: 35vw;
}


#static{
 position: fixed;
 bottom: 27.2vw;
 left: 12vw;
height: 0vw;
width: 0vw;
 z-index: 1;
}

#static img{position: fixed;
display: inline-block;
opacity: 1;
height: 15vw;
}



</style>
<body>

<div id="yor">
<img src="https://cdn.discordapp.com/attachments/649485777893326869/904605621129732106/Imported_Image.png">
</div></div>


<div id="name">
<img src="https://i.imgur.com/rf4QWGu.png">
</div></div>

<div id="tv">
<img src="https://i.imgur.com/FYTufNW.png">
</div></div>

<div id="tv">
<img src="https://i.imgur.com/FYTufNW.png">
</div></div>

<div id="static">
<img src="https://c.tenor.com/rCTjuSKG7FAAAAAC/static-gif-animated-tv.gif">
</div></div>




</body>