below is a picture of gif. I use the img tag and the background image to show the same effect. After, npm run dev is run, it can be opened to show a dynamic effect, or it can be closed and opened, but it will not be displayed with browser refresh.
html
<div class="enter_the_animation"></div>
.enter_the_animation {
width: 800px;
height: 600px;
float: left;
margin-left: 2%;
margin-top: 10%;
background-size: 100% 100%;
background-image: url("../../../assets/login/home_effect.gif");
}