@media (max-width: 960px) {
  .product-block-collection-mobile {
    position: relative;

    .product-block__image {
      z-index: 1;
      border-bottom: 20px solid transparent;
    }
    .product-block__image-dots {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      line-height: 0;
      z-index: 0;
    }
    .product-block__image-dot {
      width: 0.375rem;
      height: 0.375rem;
      margin-right: 0.5rem;
      background-color: #d8d8d8;
      border-color: #fff;
    }
    .product-block__image-dot.product-block__image-dot--active {
      background: currentColor;
    }

    .product-block__image_collection_mobile.product-block__image--primary.product-block__image--active {
      z-index: -1;
    }
  }
}