<div class="slide">

            <img src="../img/logo001.png" alt="이미지 1">

        </div>

        <div class="slide">

            <img src="../img/logo002.png" alt="이미지 2">

        </div>

        <div class="slide">

            <img src="../img/logo003.png"alt="이미지 3">

        </div>

    </div>

    <script>

        let currentSlide = 0;

        const slides = document.querySelectorAll('.slide');

        const slideCount = slides.length;

        function showSlide(n) {

            slides.forEach(slide => slide.style.display = 'none');

            slides[n].style.display = 'block';

        }

        function nextSlide() {

            currentSlide = (currentSlide + 1) % slideCount;

            showSlide(currentSlide);

        }

        function prevSlide() {

            currentSlide = (currentSlide - 1 + slideCount) % slideCount;

            showSlide(currentSlide);

        }

        document.addEventListener('DOMContentLoaded', () => {

            showSlide(currentSlide);

            setInterval(nextSlide, 3000); // 3초마다 자동 슬라이드

        });

    </script>

이 코드를 사용해서 이미지 슬라이드를 사용중인데 이미지가 1줄씩 슬라이드로 나오는데

이미지를 2줄씩 슬라이드 나오게 할려면 어떤부분을 수정해야 할까요? 공부하는 중이라 바쁘실텐데 

알려주시면 복받으실겁니다..!