.-.-.-.-.-

<html>
<head><Title>Podcast</Title>
<meta name="viewport" content="width=device-width, initial-scale=1">

.clipped-iframe {
  position: absolute;
  top: -120px; /* Adjust as necessary to clip the desired part */
  left: -100px; /* Adjust as necessary to clip the desired part */
  width: 1280px; /* Full width of the iframe content, adjust as needed */
  height: 800px; /* Full height of the iframe content, adjust as needed */
}

.responsive-iframe-container {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
  height: 100vh;
}

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

</style>
</head>
<body>
    <div class="responsive-iframe-container">
  <iframe src="https://podcasters.spotify.com/pod/show/soulfood-for-thought" allowfullscreen></iframe>
</div>

// Initial adjustment
adjustIframeContainer();

// Adjust on window resize
window.onresize = adjustIframeContainer;

</script>
</body>
</html>

/home/hrpsychology/public_html/soulfood.gr/old_!/../../podcast/iframe.html