document.addEventListener("DOMContentLoaded", function () {

        new Splide("#card-slider", {

          type: "loop",

          heightRatio: 0.5,

          perPage: 5,

          breakpoints: {

            640: {

              perPage: 1,

            },

            768: {

              perPage: 2,

            },

            1024: {

              perPage: 3,

            },

          },

          focus: "center",

          gap: '2em',

          updateOnMove : true,

          pagination: false,

        }).mount();

      });