Не работает слайдер, помогите подключить , за js не шарю сделал как в туториале

$(function () {
  $('.team__slider').slick({
    
  }) 
})

 <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css" />
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
  <script type="text/javascript" src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
 <div class="teachers">
      <div class="container">
        <div class="teachers__subtitle">Best tutors are all here</div>
        <div class="teachers__title">Meet our team</div>
        <div class="team__slider">
          <div class="team">
            <div class="team__slider">
              <div class="team__slide">
                <div class="team__image-box">
                  <img class="feirs__teacher" src="" alt="">
                </div>
                <ul class="team__ul--socials">
                  <a href="" class="socals__link">
                    <li class="team__ul--socials--socials">
                      <img class="team__socials--icons" src="/images/icons/fb.svg" alt="">
                    </li>
                    <li class="team__ul--socials--socials">
                      <img class="team__socials--icons" src="/images/icons/inst.svg" alt="">
                    </li>
                    <li class="team__ul--socials--socials">
                      <img class="team__socials--icons" src="/images/icons/li.svg" alt="">
                    </li>
                  </a>
                </ul>
                <div class="team__info">
                  <div class="team__info--name">Dianne Russell</div>
                  <div class="team__info--position">Founder and CEO</div>
                </div>
              </div>
            </div>
          </div>