.carousel-1 .owl-pic img {
  width: 100%;
  transform: skew(0deg) scale(1.2);
  transition: 0.3s opacity ease, 0.3s transform ease;
  height: 250px;
  object-fit: cover;
}
@media (max-width: 768px) {
  .carousel-1 .owl-pic img {
      opacity: 1;
  }
}
.carousel-1 .owl-pic:hover img {
  opacity: 1;
  transform: skew(10deg) scale(1.3);
}
.carousel-1 .owl-nav .owl-prev,
.carousel-1 .owl-nav .owl-next {
  position: absolute;
  cursor: pointer;
  font-size: 60px!important;
  color: #FFF!important;
  top: 0;
  height: 100%;
  width: 70px;
  transition: 0.3s opacity ease;
  opacity: 0.2;
  margin: 0;
  padding: 0;
}
.carousel-1 .owl-nav .owl-prev:hover,
.carousel-1 .owl-nav .owl-next:hover {
  opacity: 1;
}
.carousel-1 .owl-nav .owl-prev,
.carousel-1 .owl-nav .owl-prev:hover {
  left: 0;
  background: linear-gradient(to right, #131313, rgba(19, 19, 19, 0));
}
.carousel-1 .owl-nav .owl-next,
.carousel-1 .owl-nav .owl-next:hover {
  right: 0;
  background: linear-gradient(to left, #131313, rgba(19, 19, 19, 0));
}