 {
          filter: blur(4px);
          transition: filter 0.5s;
        }
      </style>
      <div class="row template-target"></div>
    </div>

    <div class="example-color">
      <div class="row">
        <div class="col">
          <h2>Custom color example</h2>
        </div>
      </div>
      <script type="text/javascript">
        document.addEventListener('DOMContentLoaded', () => {
          document.querySelectorAll('.example-color .btn').forEach(target => {
            target.classList.add(