h5p content is squeezed to 10px wide

Problem/Motivation

The problem is that the content is not visible.

When looking into the "inspector" at

<!-- BEGIN OUTPUT from 'themes/contrib/d8w3css/templates/field/field.html.twig' -->,

I see

<div class="w3-bar-item field__item"><div class="h5p-iframe-wrapper" style=""><iframe id="h5p-iframe-68" class="h5p-iframe h5p-initialized" data-content-id="68" scrolling="no" style="height: 1178px;" frameborder="0"></iframe></div></div>

the width shows as being 10px.

Steps to reproduce

Instal h5p and Drupal 8 W3CSS Theme 8.x-1.19. Enable theme as default. Create h5p content. view node including h5p content.

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes