Image blur on site load

<style>
@keyframes blur {
from {
filter: blur(50px);
}
to {
filter: blur(0);
}
}
.weeble {
animation: blur 1s ease;
}
</style>