.section-about {
    padding: 100px 0;
    background: var(--color1);
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.section-about:before {
    content: '';
    background: #2F558599;
    filter: blur(144px);
    width: 1000px;
    height: 500px;
    position: absolute;
    border-radius: 40%;
    left: -15%;
    transform: rotate(45deg);
    pointer-events: none;
    z-index: -1;
  }
  .section-about:after {
    content: '';
    background: #2F558599;
    filter: blur(144px);
    width: 1000px;
    height: 500px;
    position: absolute;
    border-radius: 40%;
    right: -30%;
    transform: rotate(-20deg);
    bottom: 8%;
    pointer-events: none;
    z-index: -1;
}
.about-content {
    text-align: center;
    max-width: 48%;
    margin: auto;
}
.about-image-first {
    position: absolute;
    bottom: 0;
    right: 70%;
}
.about-image-sec {
    position: absolute;
    bottom: 0;
    left: 60%;
}
@media screen and (max-width: 991.99px) {
    .section-about {
        padding: 18px 0;
    }
    .section-about.with-padding {
        padding-bottom: 210px;
    }
    .about-image-first {
        bottom: -60px;
        right: unset;
        max-width: 255px;
        left: -20px;
    }
    .about-image-sec { 
        bottom: 0;
        left: unset;
        max-width: 300px;
        right: -20px;
    }
    .section-about:before {
        content: none;
    }
    .section-about:after {
        width: 500px;
        height: 360px;
        right: -30%;
        bottom: 5%;
    }
    .about-content {
        max-width: 100%;
    }
}