section > div {
    min-height: 370px;
}

p:has(+ div.iframe_wraper) {
    text-align: right;
}

div.iframe_wraper {
    margin-left: -32px;
}

div.iframe_wraper > iframe {
    border: 0px;
    width: 100%;
    height: 100vh;
    margin-left: 17px;
    background-color: #70c0d2;
}
/*
for screan that are 500 abd smlaer width do this rull !

@media only screen and (max-width: 500px) {
    body {
        background-color: yellow;
    }
}

@media only screen and (min-width: 501px) {
    body {
        background-color: red;
    }
}
*/