.card-product .card-body {
  position: relative;
}
.card-product header {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
}
.card-product .card-title {
  text-shadow: 0 0 0.25em #fff, 0 0 0.25em #fff, 0 0 0.25em #fff, 0 0 0.25em #fff, 0 0 0.25em #fff, 0 0 0.25em #fff, 0 0 0.25em #fff, 0 0 0.25em #fff, 0 0 0.25em #fff;
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
}
.card-product .description {
  background: #fff url(../images/texture-wood.png) center top repeat;
}

@media (min-width: 768px) {
  .content-products {
    background: url(../images/sand-overlay.png) center top 52vw no-repeat, url(../images/bg.jpg) left top no-repeat;
    background-size: 1536px auto, 100% auto;
    position: relative;
  }
  .content-products:before {
    content: "";
    display: block;
    position: absolute;
    top: 58vw;
    left: 0;
    right: 0;
    height: 156px;
    background: url(../images/sand-overlay.png) center bottom no-repeat;
    background-size: 1536px auto;
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    z-index: 1;
  }
  .content-products:after {
    content: "";
    display: block;
    position: absolute;
    top: calc(58vw + 156px - 1px);
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/sand-repeat.jpg) center top repeat-y;
    background-size: 1536px auto;
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    z-index: 1;
  }
  .card-product .card-body {
    z-index: 2;
  }
  .content-products-split {
    background: url(../images/sand-overlay.png) center top 44vw no-repeat, url(../images/bg.jpg) left top no-repeat;
    background-size: 1536px auto, 100% auto;
    position: relative;
  }
  .content-products-split:before {
    content: "";
    display: block;
    position: absolute;
    top: 50vw;
    left: 0;
    right: 0;
    height: 156px;
    background: url(../images/sand-overlay.png) center bottom no-repeat;
    background-size: 1536px auto;
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    z-index: 1;
  }
  .content-products-split:after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50vw + 156px - 1px);
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/sand-repeat.jpg) center top repeat-y;
    background-size: 1536px auto;
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    z-index: 1;
  }
}
@media (min-width: 1360px) {
  .content-products {
    background-position: center top 43rem, left top;
    background-size: 100vw auto;
  }
  .content-products:before {
    top: 48rem;
    height: 10.15625vw;
    background-size: 100% auto;
  }
  .content-products:after {
    top: calc(48rem + 10.15625vw - 1px);
    background-size: 100vw auto;
  }
  .content-products-split {
    background-position: center top 35rem, left top;
    background-size: 100vw auto;
  }
  .content-products-split:before {
    top: 40rem;
    height: 10.15625vw;
    background-size: 100% auto;
  }
  .content-products-split:after {
    top: calc(40rem + 10.15625vw - 1px);
    background-size: 100vw auto;
  }
}
@media (max-width: 767.98px) {
  .card-product figure {
    background: url(../images/sand-overlay.png) center bottom 2rem no-repeat, url(../images/bg.jpg) left top no-repeat;
    background-size: 960px auto, cover;
    position: relative;
  }
  .card-product figure img {
    width: 20rem;
  }
  .card-product figure:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 97.5px;
    background: url(../images/sand-overlay.png) center bottom no-repeat;
    background-size: 960px auto;
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    z-index: 1;
  }
  .card-product .card-body {
    background: url(../images/sand-repeat.jpg) center top repeat-y;
    background-size: 960px auto;
    z-index: 2;
  }
  .card-product .card-body-container {
    margin-top: -7rem;
  }
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2R1Y3QtZ3JhcGhpYy5zY3NzIiwicHJvZHVjdC1ncmFwaGljLmNzcyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3d3dy93d3cubWFyZ2FyaXRhdmlsbGUuY29tLmxpdmUvNTY4NTEyL2Zyb250ZW5kL3J1bnRpbWUvdGhlbWVzL2xhbmRzaGFyay9hc3NldHMvYm9vdHN0cmFwL3Njc3MvbWl4aW5zL19icmVha3BvaW50cy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCRTtFQUNFLG1CQUFBO0NDaEJIO0FEbUJDO0VBQ0UsbUJBQUE7RUFDQSxhQUFBO0VBQ0EsUUFBQTtFQUNBLFlBQUE7Q0NqQkg7QURvQkM7RUFDRSxxS0FBQTtFQUNBLGlDQUFBO1VBQUEseUJBQUE7Q0NsQkg7QURxQkM7RUFDRSxtRUFBQTtDQ25CSDs7QUM2Q0c7RUZwQkY7SUFFRSxnSEFBQTtJQUNBLHdDQUFBO0lBQ0EsbUJBQUE7R0N0QkQ7RUR3QkM7SUFDRSxZQUFBO0lBQ0EsZUFBQTtJQUNBLG1CQUFBO0lBQ0EsVUFBQTtJQUNBLFFBQUE7SUFDQSxTQUFBO0lBQ0EsY0FBQTtJQUNBLG9FQUFBO0lBQ0EsNkJBQUE7SUFDQSxtQ0FBQTtZQUFBLDJCQUFBO0lBQ0EsV0FBQTtHQ3RCSDtFRHlCQztJQUNFLFlBQUE7SUFDQSxlQUFBO0lBQ0EsbUJBQUE7SUFDQSw4QkFBQTtJQUNBLFFBQUE7SUFDQSxTQUFBO0lBQ0EsVUFBQTtJQUNBLCtEQUFBO0lBQ0EsNkJBQUE7SUFDQSxtQ0FBQTtZQUFBLDJCQUFBO0lBQ0EsV0FBQTtHQ3ZCSDtFRDZCQztJQUNFLFdBQUE7R0MzQkg7RUQrQkQ7SUFFRSxnSEFBQTtJQUNBLHdDQUFBO0lBQ0EsbUJBQUE7R0M5QkQ7RURnQ0M7SUFDRSxZQUFBO0lBQ0EsZUFBQTtJQUNBLG1CQUFBO0lBQ0EsVUFBQTtJQUNBLFFBQUE7SUFDQSxTQUFBO0lBQ0EsY0FBQTtJQUNBLG9FQUFBO0lBQ0EsNkJBQUE7SUFDQSxtQ0FBQTtZQUFBLDJCQUFBO0lBQ0EsV0FBQTtHQzlCSDtFRGlDQztJQUNFLFlBQUE7SUFDQSxlQUFBO0lBQ0EsbUJBQUE7SUFDQSw4QkFBQTtJQUNBLFFBQUE7SUFDQSxTQUFBO0lBQ0EsVUFBQTtJQUNBLCtEQUFBO0lBQ0EsNkJBQUE7SUFDQSxtQ0FBQTtZQUFBLDJCQUFBO0lBQ0EsV0FBQTtHQy9CSDtDQUNGO0FDdkJHO0VGNkRGO0lBQ0UsZ0RBQUE7SUFDQSw0QkFBQTtHQ25DRDtFRHFDQztJQUNFLFdBQUE7SUFDQSxtQkFBQTtJQUNBLDJCQUFBO0dDbkNIO0VEc0NDO0lBQ0Usb0NBQUE7SUFDQSw0QkFBQTtHQ3BDSDtFRHdDRDtJQUNFLGdEQUFBO0lBQ0EsNEJBQUE7R0N0Q0Q7RUR3Q0M7SUFDRSxXQUFBO0lBQ0EsbUJBQUE7SUFDQSwyQkFBQTtHQ3RDSDtFRHlDQztJQUNFLG9DQUFBO0lBQ0EsNEJBQUE7R0N2Q0g7Q0FDRjtBQ3RDRztFRnVGQTtJQUNFLG1IQUFBO0lBQ0EsbUNBQUE7SUFDQSxtQkFBQTtHQzlDSDtFRGdERztJQUNFLGFBQUE7R0M5Q0w7RURpREc7SUFDRSxZQUFBO0lBQ0EsZUFBQTtJQUNBLG1CQUFBO0lBQ0EsVUFBQTtJQUNBLFFBQUE7SUFDQSxZQUFBO0lBQ0EsZUFBQTtJQUNBLG9FQUFBO0lBQ0EsNEJBQUE7SUFDQSxtQ0FBQTtZQUFBLDJCQUFBO0lBQ0EsV0FBQTtHQy9DTDtFRG1EQztJQUNFLCtEQUFBO0lBQ0EsNEJBQUE7SUFDQSxXQUFBO0dDakRIO0VEb0RDO0lBQ0Usa0JBQUE7R0NsREg7Q0FDRiIsImZpbGUiOiJwcm9kdWN0LWdyYXBoaWMuY3NzIn0= */