audio recorder inside Tablepress

Dear, 

I have some trouble to make the shape of the audio recorder fitting the size of a column. 

The concerned page is: https://www.ispeakenglisheasily.com/english-sentences-sorted-by-syllable...

I tried the following CSS but it doesn't work.

.h5p-audio-recorder-view {

    font-size: 0.5em;

    padding: unset;

    text-align: center;

    font-family: Arial,Open Sans,sans-serif;

}

.h5p-audio-recorder-view .h5p-audio-recorder-player audio {

    width: 100px;

}

 

I tried also the following code, but also not working

.h5p-iframe-wrapper { width: 100; height: auto; }


Do you have any idea how to resolve this issue?

Thank you in advance for your support.

Best regards.