.collection-with-image-elements-grid {
  @media (min-width: 750px) {
    display: grid;
    grid-template-columns: 30% 1fr;
    column-gap: 2rem;
  }
  .collection-with-image-column,
  .collection-with-image-section-cards-wrapper {
    width: 100%;
    .collection-with-image-section-image-wrapper {
      width: 100%;
      margin-top: 2rem;
      .collection-with-image-section-image {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
      }
    }
    @media (max-width: 750px) {
      margin-top: 3rem;
    }
  }
  .collection-with-image-column {
    .title-wrapper-with-link {
      margin-bottom: 1rem;
     .title {
      font-weight: 700;
      }     
    }
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    .button {
          display: block;
    align-content: center;
    text-align: center;
    line-height: 0;
    font-weight: 700;
    }
  }
  .collection-with-image-section-cards-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  .card-product {
    position: relative;
    .card-url {
      display: block;
      width: 100%;
      height: 100%;
      z-index: 1;
      position: absolute;
      left: 0;
      top: 0;
    }
    .collage-product-info {
      .price {
        font-weight: 700;
        margin-top: 1rem;
      }
      * {
        margin: unset;
      }
      .product-variants {
        line-height: 1.5;
        margin-bottom: 0.5rem;
        display: flex;
        column-gap: 0.5rem;
        flex-wrap: wrap;
      }
.product-card-collection-name {
    font-weight: 700;
}
.card__heading {
  font-weight: 500;
  opacity: 0.7;
}
.product-gender {
  font-weight: 600;
  opacity: 0.5;
}
    }
    .product-grid-card-image {
      width: 100%;
      height: 100%;
      display: block;
      mix-blend-mode: multiply;
    }
  }
}
.collection-with-image-section {
  .button:before {
    z-index: 1;
  }
}