How to modify the code to make the fade animation run only once

Hello! I am a student from South Korea, learning and studying a lot from your videos. Currently, I am working on a web development project and creating a splash screen for the webpage. I found a lot of help from video
<How To Create Fade Animation In React.js>
that you uploaded. When I run the code, the logo blinks and the animation repeats infinitely. I would like to know how to modify the code so that the animation blinks only once and does not repeat anymore. After the animation is executed once, I want it to automatically navigate to the main page using a router. Could you kindly provide the translation of this message? Thank you!