.swiper {
    width: 100%;
    height: 500px;
   
  }
 
/* 
  .swiper-slide img{
    width: 100%;
    height: 500px;
    object-fit: cover;

  } */
  .caption{
    position: absolute;
right:0;
top: 50px;
font-family: 'Rock Salt', cursive;
color: #532539;
font-size: 20px;
  }
  .texto{
    font-family: 'Rock Salt', cursive;
letter-spacing: 5px;
color: #532539;
font-size: 16px;
position: absolute;
right: -20px;
top:100px;
background: rgba(236, 218, 198,0.7);
padding: 50px;

font-weight: 600;
width: 250px;
  }


  video{
    width: 100%;
    height: 500px;
    object-fit: cover;
 
}
.textos{
   
   animation:  texto 700ms ease-in;
}

.teste{
    animation: circle 1s ease-in-out;
    
}

@keyframes texto {
    0%{
        margin-right: -300px;
    }

    50%{
        right: 10px;
    }

    100%{
        right: 20px;
    }
    
}
/* @keyframes texto {
    0%{
        margin-right: -300px;
    }

    50%{
        right: 10px;
    }

    100%{
        right: 20px;
    }
    
}
 */

@keyframes circle {
    0%{
        margin-right: -3000px;
    }
    100%{
        right: 100px;
    }
    
}