.lineupteam {
        display: flex;
padding-left: 24%;
    }
    
.circle {
    
  position: relative;
  width: 100px;
  height: 100px;
}
.circle svg {
  fill: none;
  stroke: #8a3ab9;
  stroke-linecap: round;
  stroke-width: 3;
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
  animation: stroke-draw 20s ease-out infinite alternate;
}
.circle img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
  border-radius: 50%;
}


@keyframes stroke-draw {
  from {
    stroke: #8a3ab9;
    stroke-dasharray: 1;
  }
  to {
    stroke: #49a1ff;
    transform: rotate(180deg);
    stroke-dasharray: 8;
  }
}

@media (min-width: 50px) and (max-width: 988px) { 
    
    .circle {
    
  position: relative;
  width: 50px;
  height: 50px;
}

.circle img {
  position: absolute;
left: 18%;
top: 18%;
transform: translate(-10%, -10%);
width: 40px;
border-radius: 50%;
}

    .lineupteam {
        display: flex;
align-content: center;
text-align: center;
padding-left: 20px;
    }

    
 /*.nodisplaymobile1{
    display:none;
    }
    
    .nodisplaymobile2{
    display:none;
    }
    
     .nodisplaymobile3{
    display:none;
    }*/

 }