#main-sldr {
  width: 100%;
  position: relative;
}

#main-sldr > * {
  width: 100%;
}

#main-sldr img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

#thumb-sldr {
  width: 100%;
}

#thumb-sldr > * {
  cursor: pointer;
  transition: all 0.2s ease-in;
  background: var(--ntl-7);
  overflow: hidden;
}

#thumb-sldr img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.35;
}

/*
#thumb-sldr > *.active {
  border: 2px solid var(--prm-4);
}*/

#thumb-sldr > *.active img {
  opacity: 1;
}

@media (width < 40em) {
#main-sldr img {
aspect-ratio: 1
}}