Custom images as bullets for <li> tag

customBullets

ul {
      list-style: none;
      padding-left: 0;
      li {
        position: relative;
        padding-left: $size-9;
        &::before {
          content: "";
          width: 36px;
          height: 36px;
          position: absolute;
          background-image: url("../images/check.png");
          background-size: cover;
          background-position: center;
          left: 24px;
          top: 50%;
          transform: translateY(-50%);
        }
      }
    }