body {
        background-color: #614f5f;
        background-size:cover;
        image-rendering: pixelated;
}
.flex_container 
    {display:flex;
     flex-flow: row wrap;
     justify-content: center;
     align-content: center;
     gap: 10px 10px;
     width: 800px;
     height: 610px;
     margin: auto;
     }  
 img {border-radius: 2px;}

 @keyframes r1c1 {
 from {transform: translate(0px,0px);}
 to {transform: translate(465px,330px);}}
 @keyframes r1c2 {
 from {transform: translate(0px,0px);}
 to {transform: translate(465px,470px);}}
 @keyframes r1c3 {
 from {transform: translate(0px,0px);}
 to {transform: translate(320px,330px);}}
 @keyframes r1c4 {
 from {transform: translate(0px,0px);}
 to {transform: translate(-160px,330px);}}
 @keyframes r1c5 {
 from {transform: translate(0px,0px);}
 to {transform: translate(-640px,110px);}}
 @keyframes r2c1 {
 from {transform: translate(0px,0px);}
 to {transform: translate(640px,-110px);}}
 @keyframes r2c2 {
 from {transform: translate(0px,0px);}
 to {transform: translate(-160px,220px);}}
 @keyframes r2c3 {
 from {transform: translate(0px,0px);}
 to {transform: translate(-320px,330px);}}
 @keyframes r2c4 {
 from {transform: translate(0px,0px);}
 to {transform: translate(-320px,330px);}}
 @keyframes r2c5 {
 from {transform: translate(0px,0px);}
 to {transform: translate(-470px,220px);}}
 @keyframes r3c1 {
 from {transform: translate(0px,0px);}
 to {transform: translate(470px,330px);}}
 @keyframes r3c2 {
 from {transform: translate(0px,0px);}
 to {transform: translate(470px,0px);}}
 @keyframes r3c3 {
 0% {transform: translate(0px,0px);}
 30% {transform: translate(160px,110px);}
 60% {transform: translate(0px,110px);}
 100% {transform: translate(0px,0px)}}
 @keyframes r3c4 {
 from {transform: translate(0px,0px);}
 to {transform: translate(-160px,220px);}}
 @keyframes r3c5 {
 from {transform: translate(0px,0px);}
 to {transform: translate(-470px,0px);}}
 @keyframes r4c1 {
 from {transform: translate(0px,0px);}
 to {transform: translate(160px,-220px);}}
 @keyframes r4c2 {
 from {transform: translate(0px,0px);}
 to {transform: translate(470px,-220px);}}
 @keyframes r4c3 {
 from {transform: translate(0px,0px);}
 to {transform: translate(160px,-330px);}}
 @keyframes r4c4 {
 from {transform: translate(0px,0px);}
 to {transform: translate(-470px,-330px);}}
 @keyframes r4c5 {
 from {transform: translate(0px,0px);}
 to {transform: translate(-320px,-330px);}}
 @keyframes r5c1 {
 from {transform: translate(0px,0px);}
 to {transform: translate(320px,-330px);}}
 @keyframes r5c2 {
 from {transform: translate(0px,0px);}
 to {transform: translate(320px,-330px);}}
 @keyframes r5c3 {
 from {transform: translate(0px,0px);}
 to {transform: translate(160px,-220px);}}
 @keyframes r5c4 {
 from {transform: translate(0px,0px);}
 to {transform: translate(-470px,-220px);}}
 @keyframes r5c5 {
 from {transform: translate(0px,0px);}
 to {transform: translate(-470px,-440px);}}