<div class="card border-0 shadow">
    {%- capture alt_sydro %}
        {%- t meta.alt.sydro %}
    {%- endcapture %}
    {% asset sydro.webp class="card-img-top" alt="{{ alt_sydro }}" %}
    <div class="card-body">
        <h5 class="card-title">Angelo "Sydro"</h5>
        <p class="card-text">{% t staff.sydro.text %}</p>
    </div>
    <ul class="list-group list-group-flush ml-0">
        <li class="list-group-item">
            <a rel="nofollow" target="_blank" href="{% t staff.sydro.instagram_url %}"><i class="fab fa-instagram "></i>
                Instagram
            </a>
        </li>
        <li class="list-group-item">
            <a rel="nofollow" target="_blank" href="{% t staff.sydro.twitter_url %}"><i class="fab fa-twitter "></i>
                Twitter
            </a>
        </li>
        <li class="list-group-item">
            <a rel="nofollow" target="_blank" href="{% t staff.sydro.flickr_url %}"><i class="fab fa-flickr "></i>
                Flickr
            </a>
        </li>
    </ul>
</div>