.reference-item {
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: #f9f9f9;
}

.reference-item:hover {
  background-color: #ffffff;
}

.reference-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  padding: 1.5rem;
  display: block;
}

#references-slider-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}

#references-slider-container [data-slider-track] {
  display: flex;
  align-items: stretch;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

@media (max-width: 768px) {
  .reference-item {
    width: 10rem;
    height: 6rem;
  }
  
  .reference-item img {
    padding: 1rem;
  }
}