.carousel_h { width: 100%; height: 120px; display: flex; justify-content: center; align-items: center; } .carousel_h img { width: 100%; height: 100%; object-fit: contain; opacity: 1; transition: opacity 1s ease; } const imgs = [ 'https://folhadetangara.com.br/wp-content/uploads/2026/10/logo-fort-agricola.jpeg', 'https://folhadetangara.com.br/wp-content/uploads/2026/10/logo-nilcar-telefone.jpg', 'https://folhadetangara.com.br/wp-content/uploads/2026/10/logo-sandra-calcados.png', 'https://folhadetangara.com.br/wp-content/uploads/2026/10/logo-sandra-outlet.png', 'https://folhadetangara.com.br/wp-content/uploads/2026/10/logo-premio-auto-center.jpeg', 'https://folhadetangara.com.br/wp-content/uploads/2026/10/Logo-tratortecmaq.jpeg', 'https://folhadetangara.com.br/wp-content/uploads/2026/04/Logo-Otica-Laurini-1.png', 'https://folhadetangara.com.br/wp-content/uploads/2026/10/logo-JL-munck.jpg', 'https://folhadetangara.com.br/wp-content/uploads/2026/10/logo-divergames-scaled-1.jpg' ]; const slide_h = document.getElementById('slide_header'); let atual_h = 0; slide_h.src = imgs[0]; setInterval(() => { slide_h.style.opacity = 0; setTimeout(() => { atual_h = (atual_h + 1) % imgs.length; slide_h.src = imgs[atual_h]; slide_h.style.opacity = 1; }, 1000); }, 5000);