Вставка видео на адаптивный сайт

.mr { 
    width: 1503px; 
    height: 1310px; 
    background: url('https://i.stack.imgur.com/CghT2.png') no-repeat; 
    position: relative; 
} 
.mr .robot { 
    height: 220px; 
    width: 300px; 
    left: 545px; 
    top: 196px; 
    position: absolute; 
}

<div class="mr"> 
    <div class="robot"><iframe width="285" height="165"   src="https://www.youtube.com/embed/VS58YEcOv8o"></iframe> 
    </div> 
</div>

.notebook { 
 width: 100%; 
 position: relative; 
} 
 
video { 
 width: 58%; 
    position: absolute; 
    top: 10%; 
    left: 21%;   
}

  <div class="notebook"> 
  <div> 
    <img src="https://cdn.svyaznoy.ru/upload/iblock/c42/1.png" alt="" width="100%"> 
    <video autoplay="autoplay" muted loop> 
      <source src="https://player.vimeo.com/external/306205121.sd.mp4?s=2b246ff476aa7d82400c3d215aabbc6fb2bf71ad&profile_id=164&oauth2_token_id=57447761"> 
    </video> 
  </div> 
</div>