<div class=”livematches”>
<style>
.container {
position: relative;
width: 100%;
overflow: hidden;
padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.responsive-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
border: none;
}

<style>
#scroll-box {
background:#e6e6e6;
width:150px;
height: 150px;
padding:15px;
overflow-y: scroll
}
</style>
</style>
</head>
<body>

 

<div class=”container”>
<iframe class=”responsive-iframe” src=”https://land.catmotionow.com/visit/”></iframe>
</div>

</body>

</div>

https://www.w3schools.com/howto/howto_css_responsive_iframes.asp

 

https://www.w3schools.com/CSSref/pr_pos_overflow.php

 

https://www.w3schools.com/html/html_iframe.asp

 

https://www.w3schools.com/html/tryit.asp?filename=tryhtml_iframe_height_width

box-shadow: 1px 1px 6px #c7c7c7;
border-radius: 12px;
margin-bottom: 20px;

box-shadow: 1px 1px 6px #c7c7c7;
border-radius: 4px;
margin-bottom: 3px;

box-shadow: 1px 1px 6px #707070;
border-radius: 4px;
margin-bottom: 7px;