red feather profile

<style>
@import url('https://fonts.googleapis.com/css2?family=Fondamento&display=swap');
body {
	background-color: #000;
	background-image: url('https://i2.pickpik.com/photos/988/147/824/texture-wood-wall-brown-preview.jpg') ;
	background-position: fixed;
 background-size: 100%;
	background-repeat:no-repeat;
	background-position: center;
 	font-family: ;

}


.flicker{
 position: fixed;
 top: 0vw;
 left: -30vw;
 opacity: 1;
 z-index: 3;
 animation: light 7s infinite;

 animation-delay: 0s;
}

.picture{
 position: fixed;
 top: 5vw;
 left: 60vw;
 opacity: 1;
 transform: rotate(1deg);
 z-index: 0;

}

.pictureback{
 position: fixed;
 top: 3vw;
 left: 56vw;
 opacity: 1;
 transform: rotate(1deg);
 z-index: -1;
filter: brightness(0) blur(10px);
 animation: lightback 7s infinite;
 animation-delay: 0s;
}

.poster{
 position: fixed;
 top: -7vw;
 left: 12vw;
 opacity: 1;
 transform: rotate(-1deg);
 z-index: 0;
}

.posterback{
 position: fixed;
 top: -5vw;
 left: 11vw;
 opacity: 1;
 transform: rotate(-1deg);
 z-index: -1;

filter: brightness(0) blur(10px);
 animation: lightback2 7s infinite;
 animation-delay: 0s;
}


@keyframes light{
 0% { top: -50vw; }

 50% { top: -40vw; }

 100% { top: -50vw; }
}

@keyframes lightback{
 0% { top: 3vw; }

 50% { top: 0vw; }

 100% { top: 3vw; }
}

@keyframes lightback2{
 0% { left: 9vw; }

 50% { left: 11vw; }

 100% { left: 9vw; }
}


</style>
<body>

<div class="flicker">
<img src="https://i.ibb.co/WPZP3BP/flickertest2.png" width="5000">

</div>

<div class="picture">
<img src="https://i.ibb.co/fYfQJmY/redfeatherframetest2.png" width="600">
</div>

<div class="pictureback">
<img src="https://i.ibb.co/fYfQJmY/redfeatherframetest2.png" width="650">
</div>

<div class="poster">
<img src="https://i.ibb.co/hKd93yC/redfeatherposterbutbetter.png" width="550">
</div>

<div class="posterback">
<img src="https://i.ibb.co/hKd93yC/redfeatherposterbutbetter.png" width="600">
</div>


</body>
</body>