ul li {
    list-style-type: none;
  }
  
  .slider--teams {
    position: relative;
    top: 50%;
    left: 50%;
    max-width: 800px;
    opacity: 0;
    transform: translate(-50%, -50%);
    margin-bottom: -150px;
    margin-top: 170px;
  }
  .slider--teams .slider--teams__team {
    position: relative;
    overflow: hidden;
  }
  
  #list {
    position: relative;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
  }
  #list li {
    position: relative;
    display: inline-block;
    float: left;
    text-align: center;
  }
  #list li figure {
    cursor: pointer;
    margin: 1em;
    opacity: 0.5;
    backface-visibility: hidden;
    transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 450ms ease-in-out;
    transform: scale(0.6) translateZ(0px);
  }
  #list li figure:hover {
    opacity: 0.8;
    transform: scale(0.7) translateZ(0px);
  }
  #list li figure:active {
    opacity: 1;
    transform: scale(0.7) translateZ(0px);
  }
  #list li figure > div {
    border-radius: 0;
    position: relative;
    margin: 2rem auto;
    width: 200px;
    height: 200px;
    overflow: hidden;
    background-color:none;
    margin-bottom: -0px;
    padding:0px;
    transform: rotate(0deg);

  }
  #list li figure > div > div > img {
    width: 200px;
    height: 200px;
    background-color:none;
    margin:0px;
  }
  #list li figure figcaption h2 {
    color: #333;
    font-size: 1.6rem;
    font-weight: 800;
  }
  #list li figure figcaption p {
    color: #666;
    font-size: 0.9rem;
    font-weight: 400;
  }
  #list li:nth-child(1) figure > div > div {
    background-position: 0px 0px !important;
  }
  #list li:nth-child(2) figure > div > div {
    background-position: 0px 20% !important;
  }
  #list li:nth-child(3) figure > div > div {
    background-position: 0px 40% !important;
  }
  #list li:nth-child(4) figure > div > div {
    background-position: 0px 60% !important;
  }
  #list li:nth-child(5) figure > div > div {
    background-position: 0px 80% !important;
  }
  #list li:nth-child(6) figure > div > div {
    background-position: 0px 100% !important;
  }
  
  .active {
    opacity: 1 !important;
    transform: scale(1) translateZ(0px) !important;
  }
  
  .cf:before,
  .cf:after {
    content: " ";
    display: table;
  }
  
  .cf:after {
    clear: both;
  }
  
  .cf {
    *zoom: 1;
  }