Changes

<style>

<style>

.splash { width: 800px; overflow: hidden; }

.splash { width: 800px; overflow: hidden; }

.splash > img { width: 800px; animation-name: the-stare; animation-duration: 10s; animation-fill-mode: forwards; }

.splash > img { width: 800px; animation-name: the-stare; animation-duration: 1s; animation-fill-mode: forwards; }

@keyframes the-stare { from {} to { transform: translate(-85%,30%) scale(4.5); }}

@keyframes the-stare { from {} to { transform: translate(-650px,190px) scale(4.5); }}

</style>

</style>

<div class="splash"><img src="/images/a/ab/Casuarius.jpg"></div>

<div class="splash"><img src="/images/a/ab/Casuarius.jpg"></div>