Client Logo

<div class="py-10">
    <div class="slick-slider thumb" data-slick-options='{"slidesToShow": 5,"focusOnSelect": true,"arrows": false, "dots": false, "responsive":[{"breakpoint":992,"settings":{"dots":true,"slidesToShow":3}},{"breakpoint":768,"settings":{"dots":true,"slidesToShow":3}},{"breakpoint":576,"settings":{"dots":true,"slidesToShow":2}}] }'>
        <div class="client-logo-item">
            <img class="lazy-image w-auto mx-auto opacity-30 light-mode-img" src="#" data-src="/assets/images/client-logo/client-logo-01.png" width="150" height="82" alt="goodness">
            <img class="lazy-image dark-mode-img w-auto mx-auto opacity-30" src="#" data-src="/assets/images/client-logo/client-logo-white-01.png" width="150" height="82" alt="goodness">
        </div>
        <div class="client-logo-item">
            <img class="lazy-image w-auto mx-auto opacity-30 light-mode-img" src="#" data-src="/assets/images/client-logo/client-logo-02.png" width="150" height="82" alt="grandgolden">
            <img class="lazy-image dark-mode-img w-auto mx-auto opacity-30" src="#" data-src="/assets/images/client-logo/client-logo-white-02.png" width="150" height="82" alt="grandgolden">
        </div>
        <div class="client-logo-item">
            <img class="lazy-image w-auto mx-auto opacity-30 light-mode-img" src="#" data-src="/assets/images/client-logo/client-logo-03.png" width="150" height="82" alt="parker">
            <img class="lazy-image dark-mode-img w-auto mx-auto opacity-30" src="#" data-src="/assets/images/client-logo/client-logo-white-03.png" width="150" height="82" alt="parker">
        </div>
        <div class="client-logo-item">
            <img class="lazy-image w-auto mx-auto opacity-30 light-mode-img" src="#" data-src="/assets/images/client-logo/client-logo-04.png" width="150" height="82" alt="thebeast">
            <img class="lazy-image dark-mode-img w-auto mx-auto opacity-30" src="#" data-src="/assets/images/client-logo/client-logo-white-04.png" width="150" height="82" alt="thebeast">
        </div>
        <div class="client-logo-item">
            <img class="lazy-image w-auto mx-auto opacity-30 light-mode-img" src="#" data-src="/assets/images/client-logo/client-logo-05.png" width="150" height="82" alt="hayden">
            <img class="lazy-image dark-mode-img w-auto mx-auto opacity-30" src="#" data-src="/assets/images/client-logo/client-logo-white-05.png" width="150" height="82" alt="hayden">
        </div>
        <div class="client-logo-item">
            <img class="lazy-image w-auto mx-auto opacity-30 light-mode-img" src="#" data-src="/assets/images/client-logo/client-logo-06.png" width="150" height="82" alt="goodmood">
            <img class="lazy-image dark-mode-img w-auto mx-auto opacity-30" src="#" data-src="/assets/images/client-logo/client-logo-white-06.png" width="150" height="82" alt="goodmood">
        </div>
        <div class="client-logo-item">
            <img class="lazy-image w-auto mx-auto opacity-30 light-mode-img" src="#" data-src="/assets/images/client-logo/client-logo-01.png" width="150" height="82" alt="goodness">
            <img class="lazy-image dark-mode-img w-auto mx-auto opacity-30" src="#" data-src="/assets/images/client-logo/client-logo-white-01.png" width="150" height="82" alt="goodness">
        </div>
    </div>
</div>