<div class="section-with-features">
	{%- if title -%}
	<h2 class="section-title">{{ title }}</h2>
	{%- endif -%}
	{%- if subtitle -%}
	<p class="section-description">{{ subtitle }}</p>
	{%- endif -%}

	<div class="section-features" data-columns="{{ columns or 3 }}">
		{%- for video in videos -%}
		<div class="section-feature">
            <div class="section-video-wrapper" data-youtube-id="{{ video.youtube_id }}">
                <img class="video-thumbnail" src="https://i.ytimg.com/vi/{{ video.youtube_id }}/sddefault.jpg">
            </div>
            {%- if video.title -%}
            <h4 class="feature-title mt-0">{{ video.title }}</h4>
            {%- endif -%}
            {%- if video.content -%}
            <p class="feature-content">{{ video.content }}</p>
            {%- endif -%}
    </div>
		{%- endfor -%}
	</div>
</div>
