Ol ordered list styling

Hi, has anyone solved how to style ol list numbers in Squarespace?
I can not loose the default numbering, code adds new style of numbers but they all show content as 00 and not the correct numbers in order.

Also block code changes to:

data-rte-preserve-empty="true"

Code below:

ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
ol li {
  counter-increment: my-awesome-counter;
  display: flex;
  width: 50%;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}
ol li::before {
  content: "0" counter(my-awesome-counter);
  font-weight: bold;
  font-size: 3rem;
  margin-right: 0.5rem;
  font-family: 'Abril Fatface', serif;
  line-height: 1;
}

 .sqs-block-content ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
  .sqs-block-content ol li {
  counter-increment: my-awesome-counter;
  display: flex;
  width: 50%;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}
 .sqs-block-content ol li::before {
  content: "0" counter(my-awesome-counter);
  font-weight: bold;
  font-size: 3rem;
  margin-right: 0.5rem;
  line-height: 1;
}

ol[data-rte-list] li>*:first-child::before {
  display: none;
}

Can you share link t this block on your site?