New to coding/CSS for Spotify Playlist/Mobile

New to coding. I built a website for a band and when I view on mobile the spotify playlist isn’t responding correctly. Any help would be appreciated. The site can be seen at www.singersoldier.com

  <div id="spotify">
    <div class="spotifyContainer"><iframe src="https://open.spotify.com/embed/album/4Af6kFMFrU3TYQZM4erf3j"  frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe></div>
    <div class="spotifyContainer"><iframe src="https://open.spotify.com/embed/album/5pGOAuI4KLYabYVxyXlxdp"  frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe></div>
  </div>
#spotify {
    text-align: center;
    padding-bottom: 64px;
}

.spotifyContainer {
    display: inline-block;
}

.spotifyContainer iframe {
    width: 25rem;
    height: 30rem;
}
@media only screen 
    and (min-device-width: 375px) 
    and (max-device-width: 667px) {
       .spotifyContainer { display: block;}
       .spotifyContainer iframe { height: 100vw; Width: 100vw; }
}