Как сделать следующий элемент из массива в другом блоке?

Есть перечисление циклом for из массива данных.

{% for x in list %}
					<div class="col-md-4">
					{% if x.image %}
						<div class="fh5co-grid animate-box" style="background-image: url({{ x.image.url }});">
							<a class="image-popup text-center" href="{{ x.get_absolute_url }}">
								<div class="work-title">
									<h3>{{ x.title }}</h3>
									<span>{{ x.category }}</span>
								</div>
							</a>
						</div>
					{% endif %}
					</div>
{% endfor %}

Как сделать, чтобы третий элемент из массива находился уже не не в col-md-4 , а в другом?
И как вообще можно играться с элементами в других блоках?