.related-product {
  position: relative;
}

.related-product p {
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.related-product::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: left -65px bottom -90px;
}

@media screen and (max-width: 575px) {
  .related-product__button {
    width: 100%;
    text-align: center;
  }
    .related-product::before{
      background-image: url("../png/responsive-slashes.png");
        background-position: left bottom -256px;
    }
}


@media screen and (min-width: 576px) and (max-width: 767px) {
  .related-product::before {
    background-position: left 20px bottom -112px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .related-product::before {
    background-position: left bottom -108px;
  }
}