JSFiddle - React, Tailwind, and code Playground

by web tiki

HTML

<div class="wrap">
    <h1>Title</h1>
    <img src="http://lorempixel.com/output/people-q-c-200-100-1.jpg" />
    <p>Some text</p>
</div>

CSS

body,html{margin:0;}
.wrap{
    width:400px;
    height: 240px;
    background:gold;
    text-align:center;
    overflow:hidden;
    
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    
    -ms-transform: scaleX(2) scaleY(1.5);
    -webkit-transform: scaleX(2) scaleY(1.5);
    transform: scaleX(2) scaleY(1.5);
}