.about-container  {
    display: flex  ;
    width: 100%;
    height: 100% ;
    z-index: 12;
}
.about-wrapper{
    z-index: 12;
    
}

.container  {
    position: relative;
    z-index: 1;
}
.container::after,#animation-ball {
    z-index: -1;
}

.about-items > article{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px ;
}
.about-items > article > h1 {
    font-size: var(--font-1xl);
    font-weight: 100 ;
}

.about-items > article > p {
    font-size: var(--font-1xs);
}
.about-items{
    display: flex ;
    flex-direction: column;
    gap: 15px ;
    padding: 5px 0px ;
}

      
.info {
    width: 100% ;
}
.info > h2 {
    font-size:var( --font-2xl);
    color:var(--logo-colors);
    letter-spacing: 4px ;
}