JSFiddle - React, Tailwind, and code Playground

HTML

<div class="intro">
    <div class="intro_bg"></div>
</div>

CSS

.intro {
    width: 600px;
    height:600px;
    overflow:hidden;
}
.intro_bg {
    width: 100%;
    height: 100%;
    background: url(http://fc01.deviantart.net/fs38/i/2008/313/2/6/Paris___Eiffel_Tower_V_WP_by_superjuju29.jpg);
    background-position:center center;
    background-size:cover;
    transform:scale(1);
    transition:all 12s ease-in;
}
.intro_bg.zout {
    transform:scale(1.1);
}

JavaScript

setTimeout(function () {
    $('.intro_bg').addClass('zout');
}, 1000);