.frise-avis {
    position: relative;
    left: -1.5%;
    margin-top: 1rem;
    margin-left: auto;
    max-width: 1600px;
    margin-right: auto;
}
.frise-container {
    overflow: hidden;
    width: 100%;
    height: 450px;
    position: relative;
}
.frise-avis i[class^='icon-arrow'] {
    position: absolute;
}
.frise-avis .icon-arrow-left {
    left: 2rem;
    border: 2px solid;
    top: 45%;
    z-index: 100;
    cursor: pointer;
}
.frise-avis .icon-arrow-right {
    right: -1.5rem;
    border: 2px solid;
    top: 45%;
    z-index: 100;
    cursor: pointer;
}
.container-avis {
    position: relative;
    transition: .5s linear;
    left: 0;
    height: 100%;
}
.container-avis .frise-tooltip {
    width: 400px;
    height: 100%;
    top: 0;
    position: absolute;
    background-color: var(--app-color-white);
    left: var(--i);
}
.container-avis .icon-quote-right {
    font-size: 5em;
}

@media only screen and (max-width: 991px) {  
  .frise-container {
    height: 550px;
  } 
  .frise-avis {
    position: relative;
    margin-top: 1rem;
    margin-left: unset;
    left: unset;
  }
  .frise-avis .icon-arrow-left {
    left: .5rem;
  }
  .frise-avis .icon-arrow-right {
    right: -.5rem;
  }
  .container-avis .icon-quote-right {
    font-size: 3em;
  }
  .container-avis .frise-tooltip {
    width: 300px;
  }
}

@media only screen and (max-width: 767px) {
  .frise-avis .icon-arrow-left {
    left: .5rem;
  }
  .frise-avis .icon-arrow-right {
    right: -.5rem;
  }
  .container-avis .frise-tooltip {
    width: 400px;
    margin: 0 auto;
    margin-left: 4%;
  }
  .frise-avis i[class^='icon-arrow'] {
    opacity: .5;
  }
}

@media only screen and (max-width: 600px) {
    .container-avis .frise-tooltip {
        width: 300px;
        margin: 0 auto;
        margin-left: 40px
    }
}

@media only screen and (max-width: 380px) {
    .frise-container {
      height: 600px;
    }   
    .container-avis .frise-tooltip {
        width: 300px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 320px) {
    .container-avis .frise-tooltip {
        width: 250px;
        margin: 0 auto;
    }
}