/*<!--
Source - https://stackoverflow.com/a/57486830
Posted by Claire
Retrieved 2026-07-10, License - CC BY-SA 4.0
-->
*/

#flutter-gif {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    margin: auto;
    width: 60%;
	  height: 40%;
    
    background-image: url('https://ifbricouldbri.neocities.org/eyes/Untitled_Artwork-1.gif'); 
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: contain;
    
    filter:invert(100%);
    
    animation: flutter 2s infinite steps(1);
    animation-play-state: paused;
}
#flutter-gif:hover {
    animation-play-state: running;
}

@keyframes flutter {
    0%   { background-image: url('https://ifbricouldbri.neocities.org/eyes/Untitled_Artwork-1.gif'); } 
    10%  { background-image: url('https://ifbricouldbri.neocities.org/eyes/Untitled_Artwork-1-1.gif'); }     
    20%  { background-image: url('https://ifbricouldbri.neocities.org/eyes/Untitled_Artwork-2.gif'); }
    30%  { background-image: url('https://ifbricouldbri.neocities.org/eyes/Untitled_Artwork-3.gif'); }
    40%  { background-image: url('https://ifbricouldbri.neocities.org/eyes/Untitled_Artwork-4.gif'); }
    50%  { background-image: url('https://ifbricouldbri.neocities.org/eyes/Untitled_Artwork-5.gif'); }
    60%  { background-image: url('https://ifbricouldbri.neocities.org/eyes/Untitled_Artwork-4.gif'); }
    70%  { background-image: url('https://ifbricouldbri.neocities.org/eyes/Untitled_Artwork-3.gif'); }
    80%  { background-image: url('https://ifbricouldbri.neocities.org/eyes/Untitled_Artwork-2.gif'); }
    90%  { background-image: url('https://ifbricouldbri.neocities.org/eyes/Untitled_Artwork-1-1.gif'); }         
    100% { background-image: url('https://ifbricouldbri.neocities.org/eyes/Untitled_Artwork-1.gif'); } 

}

.static {
  position:absolute;
  background:gray;
}

.static:hover {
  opacity:0;
}