JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<p>
Какой то текст
</p>
<div class="budushiy_iframe">
  <a href="http://nasosmash.com/nasos_no_obvyaz_v2.html?autorotate">
    <img src="https://placeholdit.imgix.net/~text?txtsize=43&txt=RUN%203D&w=250&h=250">
  </a>
</div>

<p>
Ещё текст
</p>

CSS

.budushiy_iframe{
  width:250px;
  height:250px;
}
.budushiy_iframe iframe{
  width:250px;
  height:250px;
  border: none;
}

JavaScript

$('.budushiy_iframe a').click(function(){
  $(this).parent().html('<iframe src="'+$(this).attr('href')+'"></iframe>');
  return false;
});