title: How to Display Specific Related Posts using Timber & ACF?
body: <p>I am currently new to Timber.</p>
  
  <p>Here's the code:</p>
  
  <p><strong>view.twig</strong></p>
  
  <pre><code>{# mobile related list #}
  {% if related %}
  &lt;div class="hide-for-large"&gt;
    {% include 'project/_related-list.twig' %}
  &lt;/div&gt;
  {% endif %}
  {% endblock %}
  </code></pre>
  
  <p><strong>_related-list.twig</strong></p>
  
  <pre><code>&lt;aside class="related-projects"&gt;
    &lt;h2 class="related-projects__header"&gt;Related {{plural_post_type|default('Projects')}}&lt;/h2&gt;
    &lt;ul&gt;
      {% for post in related %}
      &lt;li class="related-projects__thumb tease--{{post.post_type}} tease tease--caption tease--show-caption-on-hover tease--show-overlay-on-hover tease--has-overlay"&gt;
        {% include 'partials/tease.twig' %}
      &lt;/li&gt;
      {% endfor %}
    &lt;/ul&gt;
  &lt;/aside&gt;
  </code></pre>
  
  <p><strong>tease.twig</strong></p>
  
  <pre><code>  &lt;a href="{{post.link}}" class="tease__wrap"&gt;
    {% block content %}
      &lt;div class="tease__caption"&gt;
        &lt;h3 class="tease__title"&gt;
          {{post.title}}
        &lt;/h3&gt;
      &lt;/div&gt;
      {% if post.get_thumbnail %}
        &lt;img class="tease__thumb b-lazy" data-object-fit="cover" data-pin-nopin="true" data-srcset="{{post.thumbnail.srcset}}"   data-src="{{post.thumbnail.src('large')}}" sizes="(min-width: 64em) 25vw, 100vw" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /&gt;
      {% else %}
        &lt;img class="tease__thumb"  src="{{theme.link}}/assets/img/ph-800x535.png"&gt;
      {% endif %}
    {% endblock %}
    &lt;/a&gt;
  </code></pre>
  
  <p>The current setup displays the related post randomly. How do I change this to display the selected related post?</p>
  
  <p><a href="https://i.stack.imgur.com/Z6nT9.png" rel="nofollow noreferrer">sample image of test post</a></p>