Add animated checkbox to Bootstrap form-check

I'm really bad with CSS animations but I found this great animated checkmark on SO that I'd love to use in my code. But I don't know how to include it in.

This is my html code for checkmark, I'm using Bootstrap 4:

<div class="form-check">
  <label class="custom-control custom-checkbox mb-0">
    <input type="checkbox" class="custom-control-input">
    <span class="custom-control-indicator"></span>
    <span class="custom-control-description">checkmark</span>
  </label>
</div>

And here is the animated checkmark Fiddle.

Can someone please let me know how I can include this in my HTML code? I'm not asking you to write it out, I simply need some guidance.

Thank you in advance.