```
<div class="row">
    <h1>Video</h1>
    <img src="http://i1.mirror.co.uk/incoming/article2784141.ece/ALTERNATES/s1200/Tom-Cruise-and-Cameron-Diaz.jpg" alt="">
</div>

```

CSS→ 

```
.row h1 {
    font-size: 12.9em;
    transform: rotate(-90.0deg);
}

```

I want that arrangement to look somewhat like this ![this](https://content.screencast.com/users/Mikesaku/folders/Jing/media/93871428-6560-4912-bb26-77fe5bf1e182/2017-06-24_2307.png)

Please help me to that in such a way that when there is no "Video" text or h2 the image takes the whole width.

[Code Pen Link](https://codepen.io/codeispoetry/pen/awLjaM)