.block-steps {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbDpzcGFjZT0ncHJlc2VydmUnIGZpbGwtcnVsZT0nZXZlbm9kZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgc3Ryb2tlLW1pdGVybGltaXQ9JzInIGNsaXAtcnVsZT0nZXZlbm9kZCcgdmlld0JveD0nMCAwIDMyMDAgMTYwMCc+PHBhdGggZmlsbD0nI2U2ZTZlNicgZD0nTTAgMGgzMjAwdjE2MDBIMHonLz48cGF0aCBmaWxsPScjZjVmNWY1JyBkPSdNMjMzOS4zMiA4MzYuMzY5Yy0yNC43OC01Mi43OC03OC40MS04OS4zMjctMTQwLjU3LTg5LjMyNy04NS43MyAwLTE1NS4yMiA2OS40OTMtMTU1LjIyIDE1NS4yMTcgMCA3LjI4OC41IDE0LjQ2IDEuNDcgMjEuNDgxLTQ5Ljc2IDcuNzI2LTg3Ljg1IDUwLjc2MS04Ny44NSAxMDIuNjkgMCA1Ny40IDQ2LjUzIDEwMy45MyAxMDMuOTMgMTAzLjkzaDQ1MC44YzU3LjQgMCAxMDMuOTMtNDYuNTMgMTAzLjkzLTEwMy45MyAwLTU0LjIxMi00MS41MS05OC43My05NC40OC0xMDMuNTAyLS41LTYxLjQ0NC01MC40Ny0xMTEuMS0xMTIuMDMtMTExLjEtMjYuNDcgMC01MC44IDkuMTg0LTY5Ljk4IDI0LjU0MVpNODgwLjkyMiAzNDMuNzM1Yy0yMS45NDQtNDYuNzM2LTY5LjQzMy03OS4wOTctMTI0LjQ4LTc5LjA5Ny03NS45MDggMC0xMzcuNDQzIDYxLjUzNS0xMzcuNDQzIDEzNy40NDIgMCA2LjQ1NC40NDUgMTIuODA0IDEuMzA2IDE5LjAyMS00NC4wNjcgNi44NDItNzcuNzk0IDQ0Ljk0OS03Ny43OTQgOTAuOTMzIDAgNTAuODI1IDQxLjIwMiA5Mi4wMjcgOTIuMDI3IDkyLjAyN2gzOTkuMTgyYzUwLjgyIDAgOTIuMDMtNDEuMjAyIDkyLjAzLTkyLjAyNyAwLTQ4LjAwNi0zNi43Ni04Ny40MjYtODMuNjctOTEuNjUyLS40NC01NC40MDctNDQuNjgyLTk4LjM3Ny05OS4xOTMtOTguMzc3LTIzLjQ0NCAwLTQ0Ljk4OCA4LjEzMy02MS45NjUgMjEuNzNaTTExMDIuOTkgMTE3MC4xM2MtMTIuODEtMjcuMjctNDAuNTMtNDYuMTYtNzIuNjUtNDYuMTYtNDQuMzA3IDAtODAuMjIxIDM1LjkxLTgwLjIyMSA4MC4yMSAwIDMuNzcuMjYgNy40OC43NjIgMTEuMTEtMjUuNzE5IDMuOTktNDUuNDAzIDI2LjIzLTQ1LjQwMyA1My4wNyAwIDI5LjY2IDI0LjA0NyA1My43MSA1My43MSA1My43MWgyMzIuOTcyYzI5LjY3IDAgNTMuNzItMjQuMDUgNTMuNzItNTMuNzEgMC0yOC4wMi0yMS40Ni01MS4wMy00OC44My01My40OS0uMjYtMzEuNzYtMjYuMDgtNTcuNDItNTcuOS01Ny40Mi0xMy42OCAwLTI2LjI1IDQuNzUtMzYuMTYgMTIuNjhaJy8+PC9zdmc+");
}

.block-steps .step .wrapper .title .number {
  background-color: transparent;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMzMnIGhlaWdodD0nNzcnIGZpbGw9J25vbmUnPjxwYXRoIGZpbGw9JyMyRkI1QkInIGZpbGwtcnVsZT0nZXZlbm9kZCcgZD0nTTc2Ljc2NSAxNy45NDJDNzEuNzg3IDcuMzQxIDYxLjAxNSAwIDQ4LjUyOCAwIDMxLjMwOSAwIDE3LjM1IDEzLjk1OSAxNy4zNSAzMS4xNzdjMCAxLjQ2NC4xIDIuOTA1LjI5NiA0LjMxNUM3LjY1IDM3LjA0NCAwIDQ1LjY4OCAwIDU2LjExOWMwIDExLjUzIDkuMzQ2IDIwLjg3NSAyMC44NzUgMjAuODc1aDkwLjU1YzExLjUyOSAwIDIwLjg3NS05LjM0NiAyMC44NzUtMjAuODc1IDAtMTAuODktOC4zMzgtMTkuODMyLTE4Ljk3OC0yMC43OS0uMS0xMi4zNDItMTAuMTM2LTIyLjMxNi0yMi41MDItMjIuMzE2YTIyLjQwNyAyMi40MDcgMCAwIDAtMTQuMDU1IDQuOTNaJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnLz48L3N2Zz4=");
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 1.73;
  border-radius: 0;
  width: 4em;
  line-height: 3;
  translate: -30% -55%;
}

.block-steps .step:nth-child(2n+1) .wrapper .title .number {
  translate: -70% -55%;
}