.cart {
    width: 100%;
    height: 100%;
    position: relative;
}
.cart-front, .cart-back {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.cart-front > div:first-child,
.cart-back > div:first-child {
    width: 100%;
    position: absolute;
    margin-top: -95%;
    padding-bottom: 100%;
    content: '';
    background-position: center;
    background-size: 100%;
    background-image: url("assets/cart-front-v1.png");
}
.cart-back > div:first-child {
    background-image: url("assets/cart-back-v1.png");
}
.cart-money {
    position: absolute;
    top: -400px;
    left: 13%;
    right: 13%;
}

.bill {
    position: absolute;
}

@media (min-width: 480px) {
      .cart-money {
          top: -305px;
      }
}

@media (min-width: 768px){
    .cart-front > div:first-child, .cart-back > div:first-child {
      margin-top: -100%;
    }

    .cart-money {
      top: -180px;
    }
}