JSFiddle - React, Tailwind, and code Playground

by jt3k

HTML

<div class="parent">
    <div class="child">
        <iframe src="//www.plaid.com" frameborder="0" allowfullscreen></iframe>
   </div>
</div>

CSS

div.parent {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.child {
    background: url(http://i.stack.imgur.com/zZNgk.png) center center no-repeat;
    width: 1034px;
    height: 543px;
    overflow: hidden;
    z-index: 1;
    p
}

div iframe {
    width: 123%;
    height: 146%;
    transform: translate3d(12.5%, 4.3%, 0) scale(0.563);
    transform-origin: top left;
    transform: scale(2);
}