JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css">
<div class="slider">
        <div class="slider_d d1"><img src="https://plus.unsplash.com/premium_photo-1673491311218-3a0956bff47e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1935&q=80"></div>
        <div class="slider_d d2"><img src="https://images.unsplash.com/photo-1696530626245-a60957372928?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1884&q=80"></div>
        <div class="slider_d d3"><img src="https://plus.unsplash.com/premium_photo-1685077715983-772598c45360?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1886&q=80"></div>
        <div class="slider_d d4"><img src="https://images.unsplash.com/photo-1696610358567-0a75265c73b4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1887&q=80"></div>
        <div class="slider_d d5"><img src="https://images.unsplash.com/photo-1696446147849-6f2878a47472?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1887&q=80"></div>
</div>

CSS

.slider {

    margin: 0 auto;

    width: 600px;
    height: 500px;



    border: 3px solid red;

    border-top: 3px solid blue;
    border-bottom: 3px solid blue;
}

.slider_d {
    margin: 0 auto;

    width: 600px;
    height: 494px;
    background-color: rgba(189, 189, 189, 0.315);
}

.slider_d img{

    margin: 0 auto;

    max-width: 100%;
    max-height: 100%;
}

.slick-prev:before {
    color: red;
}

.slick-next:before {
    color: blue;
}

JavaScript

$('.slider').slick({
    dots: true,
    infinite: true,
    speed: 300,
    fade: true, 
    slidesToShow: 1,
    autoplay: 2000,
    arrows: true
});