how to change the size of a implemented image …

hello dear expert good day dear user of redux-framework

first of all: i am so glad about the redux-framework: it offers so many options and features. I love it. I am pretty sure that redux framework has got user all over the globe. It is growing steadily and i love it for its sustainable development.

just have started to work on a site: i have integrated (for some special purposes) a dashboard of the JHU ( John Hopkins University) to a twenty-twenty-theme. i did it: it works very well: see https://www.f-s-j.de/ note, this is a very fresh installed WP with the theme twenty-twenty.

see the embedded block: what i want to achieve: lower the height and the width

i allready have played with the values of the code:

a. width: 100%; height: 100%; – i changed those values to 50 % – without any effect: this changed nothing.
b. iframe width=”500″ height=”400 – i changed those values to other values – without any effect:

how to achive a smaller embedded block !? look forward to hear from you+

see the embedded code:

<style>.embed-container {position: relative; padding-bottom: 80%; height: 0; max-width: 100%;} .embed-container iframe, .embed-container object, .embed-container iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} small{position: absolute; z-index: 40; bottom: 0; margin-bottom: -15px;}</style><div class="embed-container"><iframe width="500" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" title="COVID-19" src="https://www.arcgis.com/apps/opsdashboard/index.html#/bda7594740fd40299423467b48e9ecf6"></iframe></div>

see where i have gathered the code to embed: COVID-19 Data Repository by the Center for Systems Science and Engineering (CSSE) at Johns Hopkins University: https://github.com/CSSEGISandData/COVID-19

– what would you do to lower the size of the included image!?

btw: the theme that i run is a standard-theme twenty-twenty –

love to hear from you