por favor dime, de lo contrario me olvidé. ¿Cómo puedo hacer una animación de transición de diapositiva suave? Aquí está el código js y css. Sé que teg anitame, transform, no funciona este refugio para el sitio de mascotas, y sencion para html, css, js slider ingrese la descripción de la imagen aquí

 let slideIndex = 1; showSlides(slideIndex); let prev = document.getElementById("prev"); let next = document.getElementById("next"); next.addEventListener("click", function () { showSlides((slideIndex += 1)); makeTimer(); }); prev.addEventListener("click", function () { showSlides((slideIndex -= 1)); makeTimer(); }); function currentSlide(n) { showSlides((slideIndex = n)); } function showSlides(n) { let slides = document.getElementsByClassName("myslide"); if (n > slides.length) { slideIndex = 1; } if (n < 1) { slideIndex = slides.length; } for (let slide of slides) { slide.style.display = "none"; } slides[slideIndex - 1].style.display = "flex"; } let timer = 0; makeTimer(); // интервал function makeTimer() { clearInterval(timer); timer = setInterval(function () { slideIndex++; showSlides(slideIndex); }, 10000); }