<div class="row">

{% for post in related %}

	<div class="col-md-4">
		<div class="project-item mb-4">
			<div class="overlay bg-gradient-1"></div>
			<img src="{{post.thumbnail|resize(500,500)}}" class="img-fluid" alt="{{post.title}}">
			<a href="{{post.link}}" class="d-block caption">
			<div class="text-center d-flex h-100 align-items-center p-3">
				<div>
					<h3>{{ post.title|truncate(12) }}</h3>
				</div>
			</div>
			</a>
		</div>
	</div>
	
{% endfor %}

</div>
