[ksa]

В ЦСС можно выполнить несколько анимаций... Так же можно указывать задержку перед началом анимации...

Вот примерчик...
Картинка появляется... Потом пауза в 5 секунд. Потом скрывается.
Но так "место остается" от нее.
Убирать нужно как показали выше.

<style>
#rybak {
	animation: show 5s ease 1s, hide 2s ease 5s; 
	animation-fill-mode: forwards; 
	opacity:0;
 } 
@keyframes show{
	0%{
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@keyframes hide{
	0%{
		opacity:1;
	}
	100% {
		opacity:0;
	}
}
</style>
<img id='rybak' src='https://javascript.ru/forum/images/ca_serenity/misc/logo.gif' />