.carousel{
  padding: 60px 0 60px 8%;
}
.carousel .carousel-grid{
  display: grid;
  grid-template-columns: 275px calc(100vw - 275px - 40px);
  grid-template-rows: auto;
  grid-gap: 40px;
  overflow: hidden;
}
.carousel .right-content{
  position: relative;
}
.carousel .right-content:after{
  content: '';
  position: absolute;
  top: 0; bottom: 0;
  left: 0; right: 0;
  <!--background: linear-gradient(90deg, rgb(0, 28, 39) 0%, rgb(0, 28, 39) 3%, rgba(217,219,220,0) 20%, rgba(0,14,21,0) 100%);-->
  background: none;
  pointer-events: none;
}
.carousel .slick-buttons{
  margin-top: 30px;
  display: grid;
  grid-template-columns: 40px 40px;
  grid-template-rows: auto;
  grid-gap: 15px;
  place-content: end;
}
.carousel .prev-arrow, 
.carousel .next-arrow {
  width: 40px;
  height: 40px;
  <!--background-color: #4096c6;-->
  background-color: none;
  border-radius: 50%;
  transition: 0.3s;
  display: grid;
  place-content: center;
}
.carousel .prev-arrow:hover, 
.carousel .next-arrow:hover {
  background-color: #003F5D;
}
.carousel .prev-arrow i, 
.carousel .next-arrow i{
  color: #fff;
}
@media (max-width: 768px){
  .carousel{
    padding: 60px 8% 60px 8%;
  }
  .carousel .carousel-grid{
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
    grid-gap: 10px;
  }
  .carousel .slick-buttons{
    display: none;
  }
  .carousel .right-content{
    height: 445px;
    overflow-y: scroll;
  }
  .carousel .right-content:after{
    display: none;
  }
  .carousel-grid{
    position: relative;
  }
  .carousel-grid:after{
    content: '';
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
    <!background: linear-gradient(0deg, rgb(0, 28, 39) 0%, rgb(0, 28, 39) 2%, rgba(217,219,220,0) 15%, rgba(0,14,21,0) 100%);-->
   background: none; 
    pointer-events: none;
  }
  .carousel .left-content{
    position: relative;
  }
  .carousel .left-content:after{
    position: absolute;
    content: '';
    bottom: -307px;
    left: 0;
    right: 0;
    <!--background: linear-gradient(180deg, rgb(0, 28, 39) 0%, rgb(0, 28, 39) 2%, rgba(217,219,220,0) 15%, rgba(0,14,21,0) 100%);-->
    background: none;
    pointer-events: none;
    height: 300px;
    top: unset;
    z-index: 1;
  }
}