slick スライドできるが画像が切り替わらない・4，5回クリックすると画像ごと消える

前提・実現したいこと

slickの公式ページで一番上に表示されているシンプルなものから練習しようと試みたところ
さっそくつまずいています

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

・ドラッグで画像のスライドはできるのですが、
ドロップで画像が元の位置に戻ってしまいます

・また、それを4回繰り返すと画像の下に
2つ目のスライドに設定した画像が表れ、
5回目にクリックすると画像が2枚とも消えます

該当のソースコード

<!DOCTYPE html>
<html lang="ja">

<head>
<script src="js/jquery-3.5.1.min.js">
</script>
<link rel="stylesheet" type="text/css" href="css/slick.css"/>
<link rel="stylesheet" type="text/css" href="css/slick-theme.css"/>
<meta charset="UTF-8">

<title>－－－－</title>
</head>

<body>
<div style="position:relative;
left:1100px;
top:20px">
<img src="image/TEL.png"
width="250px"
height="120px"/>
</div>

<div style="position:relative;
left:550px;
top:-140px">
<img src="rogo/rogo.png"
width="280px"
height="180px"/>
</div>


<div class="slide">

<div>
<img src="image/kiri1.JPG"width="200px"height="200px"
alt="---"/>
</div>
<div>
<img src="image/kiri2.JPG"width="200px"height="200px"
alt="--"/>
</div>
</div>

<script type="text/javascript"
src="https://code.jquery.com/jquery-1.11.0.min.js">
</script>

<script type="text/javascript"
src="https://code.jquery.com/jquery-migrate-1.2.1.min.js">
</script>

<script type="text/javascript"
src="js/slick.min.js">
</script>

<script type="text/javascript">

$(document).ready(function(){
$('.slide').slick();});
</script>
</body>

</html>