Formatting error in presentation when using specific style content

[leowe]

When using style="transform: rotate(90deg);" in img tag, the images overlap with other elements (see image).

Code for slide:

---

### Map of Somalia 2

<img src="pictures/20191216_144420.jpg" height="250" style="transform: rotate(90deg);"/>

#### Explanation 

- Piecharts are placed on every regional unit containing values the individuals that belong to this regional unit answered. The values are chosen with a filter / switch. 
- When clicking on a pie-chart the values can be filtered for this district. The filter can be changed in the toplayer or any sublayer.

---

When using the print option to save to pdf, some of the images vanish.

Code for slide:

---

### Preparation

<img src="pictures/20191217_100230.jpg" width="400" style="transform: rotate(90deg)"/>
<img src="pictures/20191217_100343.jpg" height="350" />
<img src="pictures/20191217_104406.jpg" height="350" />

--- 

To reproduce: See https://lively-kernel.org/lively4/lively4-bp2019/start.html?load=https://lively-kernel.org/lively4/BP2019RH1/doc/visualization-brainstorming/monday12-16.md

[JensLincke]

css transformations like this don't adjust the bounds of it's elements. Therefore this won't fix since it is not a lively bug, but css html issue