@media screen and (max-width: 768px) {
    /* About Me Kısmı */
    #aboutMe .row {
      flex-direction: column;
      text-align: center;
    }
  
    #aboutMe .col-8 {
      width: 100%;
    }
  
    #aboutMe .col-4 {
      width: 100%;
      display: flex;
      justify-content: center;
      margin-bottom: 20px;
    }
  
    #aboutMe img {
      max-width: 200px;
    }
  
    #contact .d-flex {
        flex-direction: column;
        align-items: center;
      }
    
      #contact .list-group {
        width: 100%;
      }
    
      #contact .list-group-item {
        width: 100%;
        text-align: center;
        font-size: 18px;
      }
    
      #contact .list-group-item a {
        display: block;
      }
  }