{% load static %}
<section id="skills" class="py-5" style="background-color: #091a5c;">
    <!-- Ticker container -->
    <div class="skills-ticker-wrapper">
        <div class="skills-ticker">
            {% for skill in skills %}
                <span class="skill-pill">{{ skill }}</span>
            {% endfor %}

            {# Duplicate for seamless loop #}
            {% for skill in skills %}
                <span class="skill-pill">{{ skill }}</span>
            {% endfor %}
        </div>
    </div>
</section>