.about-block {
    background-color:var(--white, #ffffff);
}
.about-block__img-circles::before, .about-block__img-circles::after, .about-block__img-wrap::before {
    content:"";
    display: block;
    position: absolute;
}
.about-block__img-wrap {
    position: relative;
    width: calc((237 * 1rem) / 16);
    height: calc((237 * 1rem) / 16);
    margin-left:auto;
    margin-right:auto;
}
.about-block__img-wrap::before {
    bottom: -5%;
    right: 11%;
    background:repeating-linear-gradient(-45deg, transparent, transparent 5px, var(--primary, #000000) 5px, var(--primary, #000000) 7px);
    width:31%;
    height:29%;
    z-index: 2;
}
.about-block__img-circles::before, .about-block__img-circles::after {
    border-radius: 100%;
}
.about-block__img-circles::before {
    bottom: 12%;
    left: -11%;
    background-color:rgba(0,0,0,0);
    border:2px solid var(--primary, #000000);
    width: 31%;
    height: 31%;
    animation-name:scaleUp;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
.about-block__img-circles::after {
    top:0;
    right:0;
    background-color:var(--primary, #000000);
    height: 47%;
    width: 47%;
    animation-name:scaleUp;
    animation-duration: 3.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
.about-block__img {
    position: relative;
    z-index: 1;
    clip-path: circle();
}

@keyframes scaleUp {
    0% {
        transform:scale(1);
    }
    50% {
        transform:scale(1.3);
    }
    100% {
        transform:scale(1);
    }
}


@media (max-width: 767px) {
    .about-block__desc {
        max-height: calc((70 * 1rem) / 16);
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .about-block__desc {
        max-height: calc((48 * 1rem) / 16);
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .about-block__desc {
        max-height: calc((90 * 1rem) / 16);
    }
}
@media (max-width: 1199px) {
    .about-block__desc {
        overflow: hidden;
    }
}

@media (min-width: 992px) {
    .about-block__img-wrap {
        width: calc((370 * 1rem) / 16);
        height: calc((370 * 1rem) / 16);
    }
    .about-block__img-wrap::before {
        background: repeating-linear-gradient(-45deg, transparent, transparent 10px, var(--primary, #000000) 10px, var(--primary, #000000) 14px);
    }
}