@media screen and (max-width:412px){
    #presentation{text-align: center; height: 40%;}
    #competences {padding-left: 1.7em ;}
    .row{margin-left: 0;}
    
}

@media (max-width: 768px) {
  .about-container {
    flex-direction: column;
    text-align: center;
  }

  .about-photo {
    width: 180px;
    height: 180px;
  }

  .about-content ul {
    text-align: left;
    display: inline-block;
  }
}