.garden-card {
  display: flex;
  align-items: stretch;
  margin: 0 -10px
}
.garden-card .slick-track {
  display: flex;
  align-items: stretch
}
.garden-card.slick-initialized .slick-slide {
  display: flex;
  height: 400px
}
.garden-card .slick-dots {
  bottom: -40px
}
.garden-card .slick-dots button {
  display: none
}
.garden-card .slick-dots li {
  width: 12px;
  height: 12px;
  margin: 0 5px;
  border: 1px solid #5b9118;
  border-radius: 50%;
  transition: background-color .3s linear
}
.garden-card .slick-dots li.slick-active {
  background-color: #5b9118
}
.garden-card__item {
  margin: 0 10px;
  width: calc(50% - 20px);
  height: 400px
}
.garden-card__item:not(:nth-child(-n+2)):not(.slick-slide) {
  display: none
}
.garden-card__item img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%
}
@media (max-width:768px) {
  .garden-card {
    margin: 0
  }
  .garden-card.slick-initialized.slick-slider.slick-dotted {
    margin-bottom: 16px
  }
  .garden-card.slick-initialized .slick-slide {
    height: 200px
  }
  .garden-card .slick-dots {
    bottom: -20px
  }
  .garden-card .slick-dots li {
    width: 6px;
    height: 6px
  }
  .garden-card__item {
    width: 100%;
    height: 200px;
    margin: 0
  }
  .garden-card__item:not(:first-child):not(.slick-slide) {
    display: none
  }
  .garden-card__item img {
    height: 100%
  }
}