Como abrir un iframe en un lugar específico.

Código:

HTML5

<div class="sportsif">

<iframe width="560" height="315" src="https://futbol-libre.su/espn-1/" 

title="YouTube video player" frameborder="0" allow="accelerometer; 

autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; 

web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen >

</iframe>

</div>  

CSS

.sportsif{

    width: auto;

    height: 200px;

    background: black;

}

.sportsif iframe{

    position: relative;

    width: 400px;

    height: 350px;

    top: -150px;

    background: red;

}