Slick wordpress?

<div class="our_works__inner">
    <?php if( have_rows('slider_content') ): ?>
    <?php while( have_rows('slider_content') ): the_row(); ?>
       <?php
        $slideimage = get_sub_field('slider_image');
        $slidetitle = get_sub_field('slider_title');
        ?>
        <div class="slick-container">
          <img src="<?php echo $slideimage['url']; ?>" alt="<?php echo $slideimage['alt']; ?>" />
          <p class="info-title text-center"><?php echo $slidetitle; ?></p>
        </div>
    <?php endwhile; ?>
<?php endif; ?>
    </div>

$('.our_works__inner').slick({
  infinite: false,
  speed: 300,
  slidesToShow: 3,
  slidesToScroll: 1,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 3,
        infinite: true,
        dots: true
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 2
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1
      }
    }
    // You can unslick at a given breakpoint now by adding:
    // settings: "unslick"
    // instead of a settings object
  ]
});