Winamp-inspired audio player with YouTube source

<style>

/*There will be a large space underneath the audio player if you choose to add text or any other content below. To solve this, put the content you want in the "contentrelative" div container (see below)*/

.winamprelative {

  position: relative;

  height: 150px; /*Adjust according to preferences. This adjusts size of the audio player container to prevent overlap with other content*/

.contentrelative {

  position: relative;

  bottom: 100px; /*Adjust according to preferences. This adjusts alignment of your desired content relative to the audio player*/

}

.winamp {

  background: url('https://i.ibb.co/D7tqGCH/winamp.png');

  position: relative;

  width: 274px;

  height: 116px;

  pointer-events: none;

  z-index: 1;

}

.winampmarquee {

  position:relative;

  width: 150px;

  height: 10px;

  top: 38px;

  left:110px;

  font-family:'Courier New', monospace;

  font-size:10px;

  font-weight: bold;

  color: #80ff59;

  z-index: 2;

}

.iframe {

  position: relative;

  width: 274px;

  height: 116px;

  bottom: 116px;

  z-index: 0;

}

</style>

 <div class="winamprelative">

 <marquee class="winampmarquee" direction="left" scrollamount="5" behavior="scroll">***  1. A*TEENS - UPSIDE DOWN <3:20></marquee>

 <div class="winamp"></div>

 <div class="iframe">

   <iframe width="274" height="116" src="https://www.youtube.com/embed/ggiUMDccO0Y?si=32fWQh6iNf6z4VJD" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>

 </div>

 <div class="contentrelative">

   [INSERT CONTENT HERE]

 </div>

</div>