.item-1 {
  
    margin: 5px;
  }
  
  .item-1 img {
    height: 400px;
  }
  
  @media screen and (max-width: 480px) {
    .item-1 img {
      height: 200px;
    }
  }
  @media screen and (max-width: 600px) {
    .item-1 img {
      height: 200px;
    }
  }
  @media screen and (max-width: 800px) {
    .item-1 img {
      height: 200px;
    }
  }
  @media screen and (max-width: 1000px) {
    .item-1 img {
      height: 200px;
    }
  }
  .owl-prev,
  .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
   
  }
  
  .owl-prev {
    left: -0.3rem;
  }
  
  .owl-next {
    right: -0.3rem;
  }