Wie kann ich mit CSS Bilder an einer Stelle ein- und wieder ausblenden?

[Zeus]

Hallo erstmal,
das Thema im Titel beschäftigt mich nun schon seit Wochen und ich bin in CSS recht neu. Auch nach Stundenlanger Recherche funktioniert es einfach nicht. Ich würde auf einer Webseite gerne Bilder nach 5 Sekunden einblenden und nach 5 Sekunden wieder ausblenden. Ich hab es schon mit Keyframes versucht und weiß, dass mit diesem Code Teil nur das Bild eingeblendet werden würde, aber es funktioniert aber trotzdem nicht.
@keyframes such{
from {
display: none;
}
to { display: visible }

}
#boxx{
animation: such 5s;
}
Ich bedanke mich schon mal im voraus für eure Antworten.

 

[basti1012]

Es wäre gut wenn bei codepen ein Beispiel erstellen würdest.
Mit dem Code fetzen kann man auch nicht viel anfangen.
Display lässt sich nicht animieren. Versuche es mal mit opacity

img{
  height:300px;
  width:300px;
  opacity:0;
  animation: sichtbar 5s linear forwards 1;
}
@keyframes sichtbar{
  0%,99%{
    opacity:0;
  }
  100%{
    opacity:1;
  }
}

 

[Zeus]

Vielen Dank, für die Hilfe. Hat funktioniert, danke. Wusste nicht, dass es mit display nicht funktioniert.