JSFiddle - React, Tailwind, and code Playground

by John Doe

HTML

<div id="element">

  <div class="wrap">


    <iframe width="100%" height="300" id="site" src="https://waihekepropertyrentals.co.nz/">
    </iframe>

  </div>
</div>

CSS

#element {
  width:100%;
  height: 100%;
  margin:0 auto;
  }

.wrap { 
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}

JavaScript

$('#site').load(function(){
    $('#site').contents().find('body').hide();
});



$('#element').colorRotator({
  colors: ['#3498db','#2980b9','#2ecc71','#27ae60'],
  property: 'background',
  easing: 'linear',
  random: true,
  delay: 500 // In milliseconds
});