          
.slider-zoom-in-disolvencia-content{
  width: 98%;
  max-width: 680px;
  margin: auto;
  height: 100%;
  overflow: hidden;
  position: relative;
  box-shadow: 2px 2px 2px black;
}

/*-----------------1-----------------------*/
.slider-zoom-in-disolvencia-content-contains-01 {
  width: 100%;
  margin: auto;
  animation: zoomin01 18s infinite;
}
.slider-zoom-in-imagen1-disolvencia {
  width: 100%;
}
.slider-zoom-in-imagen1-disolvencia img {
  width: 100%;
}
@keyframes zoomin01 {
  0% {opacity: 1; transform: scale(1.5);}
  3% {opacity: 1;   transform: scale(1.5);}

  33% {opacity: 1;  transform: scale(1.1);}
  36% {opacity: 0;}

  100% {opacity: 0;}
}
/*------------------2--------------*/
.slider-zoom-in-disolvencia-content-contains-02{
  width: 100%;
  margin: auto;
  position: absolute;
  top: 0.2%;
  left: 0.6%;
  animation: zoomin02 18s infinite;
}
.slider-zoom-in-imagen2-disolvencia {
  width: 100%;
}
.slider-zoom-in-imagen2-disolvencia img {
  width: 100%;
}
@keyframes zoomin02 {
  0%  {opacity: 0;}
  34% {opacity: 0; transform: scale(1.5);}
  36% {opacity: 1; transform: scale(1.5);}

  66% {opacity: 1; transform:scale(1.1);}
  69% {opacity: 0; transform: scale(1.1);}

  68% {opacity: 0;}
100%  {opacity: 0;}
}

/*----------------3------------*/

.slider-zoom-in-disolvencia-content-contains-03{
  width: 100%;
  margin: auto;
  position: absolute;
  top: 0.2%;
  left: 0.6%;
  animation: zoomin03 18s infinite;
}
.slider-zoom-in-imagen3-disolvencia {
  width: 100%;
}
.slider-zoom-in-imagen3-disolvencia img {
  width: 100%;
}
@keyframes zoomin03 {
  0% {opacity: 0;}
  67% {opacity: 0; transform: scale(1.5);}
  69% {opacity: 1; transform: scale(1.5);}

  98% {opacity: 1; transform: scale(1.1);}
  100% {opacity: 0.4  ; transform: scale(1.1);}
  
}
/**----------sliders restaurant---------------------*/

.slider-container-right-left {
  background-color: rgb(29, 29, 29);
  position: relative;
  width: 95%;
  max-width: 700px;
  margin: auto;
  overflow: hidden;
  white-space: nowrap;
  box-shadow: 4px 2px 2px black;
}

.slides-right-left {
  display: flex;
  width: 800%; /* 8 slides */
  animation: slide-right-left-1 32s infinite; /* 8 slides * (6s + 2s) */
  
}

.slide-right-left {

  width: 12.5%; /* 100% / 8 slides */
  flex-shrink: 0;

}

.slide-right-left img {
  width: 100%;
  height: auto;

}

@keyframes slide-right-left-1 {
  0% { transform: translateX(0);     }
  0%{ opacity: 0.6;}
  2%{opacity: 1;}
  10% { transform: translateX(0); }
  12.5% { transform: translateX(-12.5%); }
  22.5% { transform: translateX(-12.5%); }
  25% { transform: translateX(-25%); }
  35% { transform: translateX(-25%); }
  37.5% { transform: translateX(-37.5%); }
  47.5% { transform: translateX(-37.5%); }
  50% { transform: translateX(-50%); }
  60% { transform: translateX(-50%); }
  62.5% { transform: translateX(-62.5%); }
  72.5% { transform: translateX(-62.5%); }
  75% { transform: translateX(-75%); }
  85% { transform: translateX(-75%); }
  87.5% { transform: translateX(-87.5%); }
  97.5% { transform: translateX(-87.5%);   }
  97.5%{opacity: 1;}
  100% { transform: translateX(0); }
  100%{ opacity: 0.6;}
}


