Проблема с выравниванием элементов навигации слайдера WP

    <section class="car-top">
        <div class="container">
            <div class="car-img">
            <img src="<?php bloginfo('template_directory'); ?>/img/cars/1.png">
                
                <img src="<?php bloginfo('template_directory'); ?>/img/cars/2.png">
                <img src="<?php bloginfo('template_directory'); ?>/img/cars/3.png">
                <img src="<?php bloginfo('template_directory'); ?>/img/cars/4.png">
                <img src="<?php bloginfo('template_directory'); ?>/img/cars/5.png">
                <img src="<?php bloginfo('template_directory'); ?>/img/cars/6.png">
                <img src="<?php bloginfo('template_directory'); ?>/img/cars/8.png">
                <img src="<?php bloginfo('template_directory'); ?>/img/cars/3.png">
                <img src="<?php bloginfo('template_directory'); ?>/img/cars/9.png">
    
</div>
            <div class="car-menu">
                <ul class="clearfix">
                    <li><a href="/uslugi/antigravijnaja-zashhita/">Антигравийная защита</a></li>
                    <li><a href="/uslugi/polirovka-avto/polirovka-optiki/">Полировка фар</a></li>
                    <li><a href="/uslugi/oklejka-plenkoj/oklejka-plenkoj-vinil/">Оклейка пленкой</a></li>
                    <li><a href="/uslugi/vinilografija/">Винилография</a></li>
                    <li><a href="/uslugi/reklama-na-transporte/">Реклама на транспорте</a></li>
                    <li><a href="/uslugi/tonirovka-avto/tonirovka-stekol/">Тонировка </a></li>
                    <li><a href="/uslugi/tonirovka-avto/tonirovka-far/">Тонировка фар</a></li>
                    </ul>
           </div>
        </div>
        <div class="car-menu-bg"></div>
    </section>