.circle {
    z-index: -3;
    height: 201px;
    width: 201px;
    position: absolute;
    left: 50%;
}

.circle:after, .circle:before {
    position: absolute;
    display: block;
    content: "";
}

.circle:after {
    background-image: url(circle.svg);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(
            45deg
    );
    height: 826%;
    width: 826%;
    background-size: contain;
    z-index: -6;
}

.circle .circle-parts, .circle:after, .circle:before {
    transition: all 1s ease!important;
}