Animiertes background Bild wird bei scrollbaren Seiten abgeschnitten

[Dimax]

Guten Tag,

liebe Kollegen brauche Hilfe bei CSS Einstellungen. Ich habe ein Hintergrundbild animiert ,aber auf der Seiten wo die Seite gescrollt werden kann ,passt das Bild nicht auf die Höhe . Wie kann ich das Bild auf die ganze Höhe anpassen?

Das Bild ist für die section bestimmt:
css:

section{
    position: absolute;
    top:18%;
    bottom: 5%;
    left: 0;
    width: 100%;
    height: auto;
    background: url(../images/images.png) ;
    background-repeat:round;
    background-size: contain;
    animation: anim 180s linear infinite;
    z-index: 2;

}

 

[Dimax]

Also, es funktioniert nur mit dem teg body.