Twig embedding and field object I'm using Radix and trying to create a Botstrap carousel component with no luck.
This is the code so far. Kint shows me that media object is there with its multiple fields but nothing is rendered.

themes\custom\newtheme\templates\content\node--article--teaser.html.twig

{% embed '@newtheme/carousel/carousel.html.twig' with {'media': content.field_media } %}{% endembed %}


themes\custom\newtheme\src\components\carousel\carousel.html.twig

&lt;div id="carouselExampleControls" class="carousel slide" data-ride="carousel"&gt;
  &lt;div class="carousel-inner"&gt;

    {% for item in media.items %}
        &lt;div{{ item.attributes.addClass(['field__item', 'carousel-item']) }}&gt;{{ item.content }}&lt;/div&gt;
    {% endfor %}

  &lt;/div&gt;
  &lt;a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev"&gt;
    &lt;span class="carousel-control-prev-icon" aria-hidden="true"&gt;&lt;/span&gt;
    &lt;span class="sr-only"&gt;Previous&lt;/span&gt;
  &lt;/a&gt;
  &lt;a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next"&gt;
    &lt;span class="carousel-control-next-icon" aria-hidden="true"&gt;&lt;/span&gt;
    &lt;span class="sr-only"&gt;Next&lt;/span&gt;
  &lt;/a&gt;
&lt;/div&gt;
The only way I achieved something similar was using:

{% for key, item in content.field_club_history if key|first != '#' %}
    {{ content.field_club_history['#items'][key].entity.field_games.value }}
{% endfor %}


The only difference is that field_club_history was EntityReference field to Paragraph of concrete type. Paragraph type then has fields like field_games. Try to use following code example and get fields from specific item that you need.

{{ content.field_club_history['#items'][key].my_field_name }}