.aboutBanner .zoneImg img{
    border-radius: 60px;
}
.aboutBanner::after{
    content:'';
  width: 1000px;
  height: 1000px;
  position: absolute;
  z-index: -1;
  background: #ffffff;
  /* background: linear-gradient(120deg, rgba(113, 0, 151, 1) 40%, rgba(170, 61, 220, 1) 40%, rgba(146, 29, 193, 1) 50%, rgba(113, 0, 151, 1) 80%); */
  background: linear-gradient(0deg, rgba(173, 72, 221, 1) 0%, rgba(255, 255, 255, 0) 100%);
    top: -500px;
    right: -500px;
    transform: rotate(150deg);
}

/* APPARENCES */
/* alignement image */
.aboutBanner.left .zoneText{
    order: 2;
    grid-column-start: 8;
    grid-column-end: 13;
}
.aboutBanner.left .zoneImg{
    order: 1;
    grid-column-start: 1;
    grid-column-end: 7;
}

/* couleur de fond */
.aboutBanner.bg-none h2, 
.aboutBanner.bg-none h6,
.aboutBanner.bg-none p,
.aboutBanner.bg-none .text{
    color: #ffffff;
}
.aboutBanner.bg-none a.supremeBtn .text{
    color: #a731dd;
}
.aboutBanner.bg-white{
    /* margin-top: -6rem; */
    margin-bottom: -6rem;
    padding-bottom: 6rem;
}

/* MOBILE */
@media (max-width: 769px) {
    .aboutBanner.bg-white{
        /*margin-top: -2.5rem;*/
        margin-bottom: -2.5rem;
        padding-bottom: 2.5rem;
    }
    .aboutBanner.left .zoneText{
        grid-column-start: 1;
        grid-column-end: 12;
    }
    .aboutBanner.left .zoneImg{
        order: 1;
        grid-column-start: 1;
        grid-column-end: 12;
    }
    .aboutBanner .zoneText{
        order: 2;
    }
    .aboutBanner .zoneImg{
        order: 1;
    }
    .aboutBanner .zoneImg img{
        border-radius: 20px;
    }
}