.background-3-1{
    grid-row: 1/7;
    grid-column: 1/3;
    

}

.background-3-2{
    grid-row: 1/7;
    grid-column: 3/4;
   
}

.image-2{
    grid-row: 2/7;
    grid-column: 3/4;
    background-image: url(../img/skills.jpg);
    background-size: cover;
    background-position: center center;
}

.header3section{
    grid-row: 1/2;
    grid-column: 1/3;
    
    
}

.wrapperIcon1{
    grid-column: 1/2;
    grid-row: 2/3;
    margin: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.wrapperIcon2{
    grid-column: 1/2;
    grid-row: 3/4;
    margin: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.wrapperIcon3{
    grid-column: 1/2;
    grid-row: 4/5;
    margin: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    
}



.Icon{
    top: 0;
    left: 0;
    height: 80%;
    aspect-ratio: 1;
    

}



.content3-1section{
    margin: 8%;
    grid-column: 2/3;
    grid-row: 2/3;
    -webkit-scrollbar:none
    
    
}

.content3-2section{
    margin: 8%;
    grid-column: 2/3;
    grid-row: 3/4;
    
}

.content3-3section{
    margin: 8%;
    grid-column: 2/3;
    grid-row: 4/5;
    
   
}
.content3-1section::-webkit-scrollbar{
    display: none;
}

.content3-2section::-webkit-scrollbar{
    display: none;
}

.content3-3section::-webkit-scrollbar{
    display: none;
}

@media(max-width:1600px){
    .content3-1section{overflow: scroll; scrollbar-width: none;}
    .content3-2section{overflow: scroll; scrollbar-width: none;}
    .content3-3section{overflow: scroll;scrollbar-width: none;}
}
@media(max-width:420px) {
    .content3-1section{grid-column: 2/4;}
    .content3-2section{grid-column: 2/4;}
    .content3-3section{grid-column: 2/4;}
    .image-2{grid-column: 1/4; grid-row: 176;}
    .Icon{height: 50%;}

  }