

.containersld {
  width: 100%;
  position: relative;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  cursor: default;
  overflow: scroll hidden;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  scroll-padding: 0px 1.25rem;
  scrollbar-width: none;
}

.containersld::-webkit-scrollbar {
  display: none;
}
.containersld.active {
  cursor: grab;
  cursor: -webkit-grab;
}



.containersld .items {
  display: flex;
  align-items: center;
  width: fit-content;
  animation: carouselAnim 45s infinite alternate linear;
}
.containersld .items .entry {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  width: 300px;
  background: var(--content-bg-color);
  margin: 1em;
  padding: 0.5em;
  border-radius: 10px;
  box-shadow:  5px 5px 6px var(--shadow-uno), -5px -5px 6px var(--shadow-dos);
}
.containersld .items .entry p {
  text-align: center;
  padding: 1em;
}
.containersld .items .entry p.name {
  font-weight: bold;
}
@keyframes carouselAnim {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(calc(-100% + (5*300px)));
  }
}
@media only screen and (max-width: 768px) {
  .containersld .items {
    animation: carouselAnim 60s infinite alternate linear;
  }
  @keyframes carouselAnim {
    from {
      transform: translate(0, 0);
    }
    to {
      transform: translate(calc(-100% + (2*300px)));
    }
  }
    
  .containersld .faders .left, .containersld .faders .right {
  width: 0!important;
  height: 0!important;
}
  
  

  
  .containersld .items .entry {
  width: 200px;
}
  
.responsivGallery-picr{
height: 180px!important;
}
  
  
  
}
.containersld .faders {
  width: 100%;
  position: absolute;
  height: 100%;
}
.containersld .faders .left, .containersld .faders .right {
  background: linear-gradient(to right, var(--content-bg-color) 0%, rgba(255, 255, 255, 0) 100%);
  width: 20%;
  height: 100%;
  position: absolute;
  z-index: 200;
}
.containersld .faders .right {
  right: 0;
  background: linear-gradient(to left, var(--content-bg-color) 0%, rgba(255, 255, 255, 0) 100%);
}

.responsivGallery-namer{
font-size: 12px;
opacity: 0.8;	
}

.responsivGallery-positionr{
padding-top: 4%;
font-size: 12px;
line-height: 1.3;
font-style: italic;
color: #8C6D3A;
}

.responsivGallery-picr{
width: 100%;
height: 280px;
border-radius: 10px;
}

.responsivGallery-linkr{
display: block;
width: 100%;
box-shadow: 5px 5px 6px var(--shadow-uno), -5px -5px 6px var(--shadow-dos);
border: 5px solid var(--content-bg-color);
border-radius: 10px;
}

.w-responsivGallery-infor{
width: 80%;
margin: 0 auto;
padding-top: 5%;
text-align: center;
color: var(--color-text);
}