Change Bullet list type - Multirow section

[FredTheFrenchy]

Hey Shopify experts,

On my homepage, I have a multirow section. What I would like is change the type of custom bullets for this section only.

I have added the following code in the "Custom CSS" part of the multirow section.

ul {
  list-style-type: none;
  padding-left: 0;
}

ul li:before {
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  background-image: url(https://cdn.shopify.com/s/files/1/0743/1051/7048/files/check-mark.png?v=1679800148);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 1rem;
}

It gives the right result (see image above) but when I try to save it, it gives me the following error :

I would need help to correct the css code so that it would let me save it or another solution like putting the code somewhere else (I have tried to add in the "style" section of the multirow.liquid but is does not work).

Thanks a lot for your help,

Fred 

[ehammer33]

Try the changes here:

ul {
  display: inline-block;
  list-style-type: none;
  padding-left: 0;
}
ul li {
  background-image: url("https://cdn.shopify.com/s/files/1/0743/1051/7048/files/check-mark.png?v=1679800148");
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 0 50%;
  padding-left: 30px;
  background-repeat: no-repeat;
}