.img-left::before {
display: block;
content: "";
position: absolute;
left: 16px;
top: 16px;
width: 100%;
height: 100%;
border-radius: 10px;
background: linear-gradient(170deg, rgba(10, 154, 242, 0.25) -7.77%, rgba(3, 105, 189, 0.25) 93.48%);
z-index: 2;
}
.img-right::before {
z-index: 2;
display: block;
content: "";
position: absolute;
left: -16px;
top: 16px;
width: 100%;
height: 100%;
border-radius: 10px;
background: linear-gradient(170deg, #0A9AF2 -7.77%, #0369BD 93.48%);
}
-------------------------------------------------------
.about-area .about-img-box img {
border-radius: 25px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
z-index: 2;
position: relative;}
.about-area .about-img-box:hover img {
-webkit-transform: scale(1.02);
transform: scale(1.02);
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease; }
.about-area .about-img-box .side-effect:after {
content: "";
position: absolute;
top: -12px;
height: calc(100% - 18px);
background: linear-gradient(170deg, #0A9AF2 -7.77%, #0369BD 93.48%);
border-radius: 25px;
width: calc(100% - 65px);
left: 76px;
z-index: 2;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
background-blend-mode: overlay;
opacity: 1;
}
.about-area .about-img-box .side-effect:before {
content: "";
position: absolute;
top: -20px;
height: calc(100% - 44px);
background: linear-gradient(170deg, rgba(10, 154, 242, 0.25) -7.77%, rgba(3, 105, 189, 0.25) 93.48%);
border-radius: 25px;
width: calc(100% - 97px);
left: 120px;
z-index: 2;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
background-blend-mode: overlay;
opacity: 1;
}
.about-area .about-img-box .side-effect span:after {
content: "";
position: absolute;
bottom: -12px;
height: calc(100% - 18px);
background: linear-gradient(170deg, #0A9AF2 -7.77%, #0369BD 93.48%);
border-radius: 25px;
width: calc(100% - 65px);
right: 76px;
z-index: 2;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
background-blend-mode: overlay;
opacity: 1;
}
.about-area .about-img-box .side-effect span:before {
content: "";
position: absolute;
bottom: -20px;
height: calc(100% - 44px);
background: linear-gradient(170deg, rgba(10, 154, 242, 0.25) -7.77%, rgba(3, 105, 189, 0.25) 93.48%);
border-radius: 25px;
width: calc(100% - 97px);
right: 120px;
z-index: 2;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
background-blend-mode: overlay;
opacity: 1;
}