.section{
  display:flex;
  flex-wrap:wrap;
  background:#0878ff;
  font-family:"inter", sanserif;
}
.about{
  display:flex;
  width:100%;   
  padding:40px;
}
img{
  width:90%;
  height:80%;
  object-fit:cover;
  border-radius:20px;  
}
.abimg{
  width:40%;
  position:relative;  
}
.secimg{
  position:absolute;
  top:240px;
  left:-20px;
   z-index:2;
  width:30%;
  height:30%;
  border:3px solid #ffff;
}
.thrdimg{
  position:absolute;
  top:95px;
  right:10px;
  width:45%;
  height:45%;
  z-index:1;
  border:3px solid #ffff;
}
.article{
  padding:0px 30px;
  text-align:justify; 
  font-size:18px;
  width:60%;
  color:#fff;
  
}
@media(max-width:768px){
  img{
  width:100%;
  height:auto;    
}
  .about {   
    flex-direction: column;
}
  .abimg {
  width: 100%;   
 }
  .secimg {
    position: absolute;
    top: 90px;
    left: -15px;
    z-index: 2;
    width: 40%;
    height: 30%;
    border: 1px solid #ffff;
}
  .thrdimg {
    position: absolute;
    top: 65px;
   right: -15px;
    width: 45%;
    height: 45%;
    z-index: 1;
    border: 1px solid #ffff;
}
  .article {
    padding: 0px 0px;
    width:100%;
  }
}