.thumbnails {
  background-repeat: no-repeat;
  height: 3.2rem !important;
  width: 2.3rem !important;
  background-color: transparent!important;
  background-size: 170%;
  border: none!important;
  background-position: center;
}

.thumbnails::after {
  border-radius: 15% !important;
  border-width: 2px !important;
}

li:not(.active) .thumbnails::after {
  border: 2px solid lightgrey!important;
  border-radius: 6px!important;
  opacity: 1 !important;
}

li .active .thumbnails::after {
  border: 2px #34303D!important;
  border-radius: 6px!important;
  opacity: 1 !important;
}

.gray-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(52, 48, 61, 0.1);
  border-radius: 13% !important;
  z-index: 1;
}

.thumbnails-li {
  margin-left: 16px!important;
}