.carousel-wrapper{
    height:400px;
    position:relative;
    width:800px;
    margin:0 auto;
  }
  .carousel-item{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    padding:25px 50px;
    opacity:0;
    transition: all 0.5s ease-in-out;
  }
  .arrow{
    border: solid #FF7200;
      border-width: 0 3px 3px 0;
      display: inline-block;
      padding: 12px;
      
  }
  
  .arrow-prev{
    left:-30px;
    position:absolute;
    top:50%;
    transform:translateY(-50%) rotate(135deg);
  }
   
  .arrow-next{
      right:-30px;
    position:absolute;
    top:50%;
    transform:translateY(-50%) rotate(-45deg);
    }
  
  .light{
    color:white;
  }
  
  @media (max-width: 480px) {
        .arrow, .light .arrow {
          background-size: 10px;
          background-position: 10px 50%;
        }
      }

  
  /*Select every element*/
  [id^="item"] {
      display: none;
    }
  
  .item-1{
      z-index: 2;
      opacity: 1;
    background:url("../imagens/carrossel/treinamento.png");
    background-size:cover;
    }
  .item-2{
    background:url("../imagens/carrossel/itaugama.png");
     background-size:cover;
  }
  .item-3{
    background:url("../imagens/carrossel/desafio.png");
     background-size:cover;
  }

  .item-4{
    background:url("../imagens/carrossel/vencedor.png");
     background-size:cover;
  }
  
  *:target ~ .item-1 {
      opacity: 0;
    }
  
  #item-1:target ~ .item-1 {
      opacity: 1;
    }
  
  #item-2:target ~ .item-2, #item-3:target ~ .item-3 {
      z-index: 3;
      opacity: 1;
    }

    #item-3:target ~ .item-3, #item-4:target ~ .item-4 {
        z-index: 3;
        opacity: 1;
      }
  
.carousel-wrapper .h2 {
    color: #140083;
    font-size: 50px;
    font-style: bold;
   
    
}

.text {   
    color: #FF7200;
    font-size: 20px;
    font-style: bold;
    position: absolute;
    bottom:0;
    opacity:70%;
    margin:0 auto;

  }

.text p {
  background: #000;
  color:white;


}