nagant

<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/cross-stripes.png"), linear-gradient(230deg, #3C163C, #622F62, #864C86);
	background-position: fixed;
	background-repeat:repeat;
	background-position: right bottom;}


#nagant{
 position: fixed;
 bottom: 0vw;
 left: 0vw;
 z-index: 2;
opacity: 1;
transition: .8s;
height: 45vw;
width: 30vw;
}

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

#fixed {
 position: fixed;
 bottom: 20vw;
 left: 15vw;
height: 0vw;
width: 0vw;
 z-index: 1;
}

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

</style>
<body>

<div id="nagant">
<img src="https://i.ibb.co/QX1wZT3/nagant.png">
</div>

<div id="fixed">
<img src="https://i.ibb.co/qW03wYc/naganameplate3.png">
</div>


</body>