* {
    margin: 0%;
    padding: 0%;
}

svg {
    height: 100vh;
    animation:rotate 3s infinite;
    animation-timing-function: linear;
}

body {
    background-color: rgb(248, 125, 223);
    text-align: center;
    
}
section {
    width: 200px;
    height: 200px;
    transition: transform 2s;
    text-align: center;
    
}
img {
    object-fit: contain;
    width: 100vw;
  
    height: 100vh;
    transition:2s;
    text-align: center;
    animation:rotate 3s infinite;
    animation-timing-function: linear;
}
img:nth-child{
    transform: rotate(360deg);
    
    
    
}
@keyframes rotate {
    from {transform: rotate(0deg); fill: rgba(0,0,255,1);}
    to {transform: rotate(360deg); fill: rgba(255,0,0,1);}
  }