slickの実装について

前提・実現したいこと

slickを実装させたい
rubyonrailsでHPを作っています
slickで画像のスライドを実装したいのですが実装できません。

発生している問題・エラーメッセージ

該当のソースコード

<head>
    <title>Footballstadium</title>
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script type="text/javascript" src="./footerFixed.js"></script>
    <link rel="stylesheet" href="slick-theme.css" type="text/css">
      <link rel="stylesheet" href="slick.css" type="text/css">
  </head>

  <body>
     <ul class="slider">
    <li><%= image_tag "image_soccer.jpg" %></li>
    <li><%= image_tag "image_soccer.jpg" %></li>
    <li><%= image_tag "image_soccer.jpg" %></li>
    <li><%= image_tag "image_soccer.jpg" %></li>
  </ul>
  <script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
       <script src="js/slick.js" type="text/javascript"></script>
       <script src="js/main.js"></script>
    <%= yield %>
  </body>```

### 試したこと

$('.slider').slick();　javaScriptもこのように記述しましたが写真だけが反映されるだけです。
bodyの記述が間違えているのか
### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。