Giambattista Valli Haute Couture Sonbahar/Kış 2024-25 Defilesi

1/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

2/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

3/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

4/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

5/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

6/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

7/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

8/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

9/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

10/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

11/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

12/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

13/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

14/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

15/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

16/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

17/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

18/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

19/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

20/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

21/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

22/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

23/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

24/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

25/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

26/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

27/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

28/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

29/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

30/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

31/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

32/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

33/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

34/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}

35/35

.circle {
position: relative;
width: 70px;
height: 70px;
cursor: pointer;
}

.circle svg {
fill: none;
stroke: #8a3ab9;
stroke-linecap: round;
stroke-width: 3;
stroke-dasharray: 1;
stroke-dashoffset: 0;
animation: stroke-draw 2s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
display:block!important
}

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

@keyframes stroke-draw {
from {
stroke: #8a3ab9;
stroke-dasharray: 1;
}

to {
stroke: #cd486b;
transform: rotate(180deg);
stroke-dasharray: 8;
}
}