I try to create a slideshow in front page of my theme to show **all images in custom directory**, I use below codes to get any non static images path:<br>
**Theme Name.theme:**
 

    $mask = '/\.(?:jp[e]?g|gif|png)$/i';
    $files = file_scan_directory(drupal_get_path('theme', 'Theme Name') . '/assets/img/orbit', $mask);
    ksort($files);
    $variables['files'] = $files;

**page.html.twig:**

    <div class="slideshow">
    {% for file in files %}
    <img src="{{ file.uri }}" width="100%" height="100%" alt="{{ file.name }}"/>
    {% endfor %}

I would be happy to hear what is the problem with the codes and what is the right way to load that slideshowe pictures?