get images URL in a twig template I have two content types, the first is Homepage and the second is SLider.
The Slider content type has multiple fields like title, ink, and image.
In the homepage content type, I have an entity reference field referring to the slider content type with multiple selections. I've created a template in my custom theme as node--home-page.html and want to get the sliders fields values, All is okay with me except the image. I cannot get the image URL. 
My code:-

{% for slide in node.field_hoeme_slideshows %}
        {{ kint(slide.entity.field_home_slide_cta.uri) }} {# This is working #}
        {{ kint(slide.entity.title.value) }} {# This is working #}
        {{ kint(slide.entity.field_home_slide_snippet.value) }} {# This is working #}
        {{ kint(slide.entity.field_home_slide_image) }} {# ****** This is not working *****#}
{% endfor %}
As an alternative configuration using Field Collections. Instead of using two content types and a field reference...

{% for item in content.field_slide %}
&lt;a href="{{ item.getFieldCollectionItem().field_link.0.url }}"&gt;
    &lt;figure class="my-class {% if loop.first %}{{ 'first-class' }}{% endif %}  {% if loop.last %}{{ 'last-class' }}{% endif %}"&gt;

        &lt;div class="my-image-wrapper"&gt;

            &lt;img src="{{ file_url(item.getFieldCollectionItem().field_slide_image.0.entity.uri.0.value) }}" alt="{{ item.getFieldCollectionItem().field_slide_image.0.alt }}" title="{{ item.getFieldCollectionItem().field_slide_image.0.title }}" /&gt;

        &lt;/div&gt;

        &lt;h2&gt;{{ item.getFieldCollectionItem().field_h2.0.value }}&lt;/h2&gt;
        &lt;figcaption&gt;{{ item.getFieldCollectionItem().field_p.0.value }}&lt;/figcaption&gt;

    &lt;/figure&gt;
&lt;/a&gt;
{% endfor %}


This is off the top of my head so double check the code.

Then you just create a field collection field on the home page content type called slide. Go to field collections, select "slide" and add the fields: link, slide_image, h2, and p.