.l-media__carousel {
  display: flex;
  gap: 20px;
  padding: 15px 0;
}
@media (max-width: 575.98px) {
  .l-media__carousel {
    gap: 30px;
    flex-direction: column;
  }
}
.l-media__carousel-item {
  margin: 0 auto;
  display: block;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
  position: relative;
  overflow: hidden;
  width: 50%;
}
@media (max-width: 575.98px) {
  .l-media__carousel-item {
    width: 100%;
  }
}
.l-media__carousel-item:hover {
  opacity: 1;
}
.l-media__carousel-item:hover:before {
  opacity: 1;
}
.l-media__carousel-item:hover .l-media__image {
  filter: grayscale(100%);
}
.l-media__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767.98px) {
  .l-media__image--desktop {
    display: none;
  }
}
.l-media__image--mobile {
  display: none;
}
@media (max-width: 767.98px) {
  .l-media__image--mobile {
    display: block;
  }
}
.l-media__video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 110px;
  height: 110px;
  z-index: 1;
}
@media (max-width: 1599.98px) {
  .l-media__video-icon {
    width: 107.2px;
    height: 107.2px;
  }
}
@media (max-width: 767.98px) {
  .l-media__video-icon {
    width: 80px;
    height: 80px;
  }
}
.l-media__title {
  color: #ffffff;
}