/* spotify */
.spotify-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
}

.spotify-embed {
  flex: 1 1 100%;
  max-width: 100%;
  position: relative;
  padding-bottom: 20px; /* fixed height for the iframe (not percentage) */
  height: 0;
  overflow: hidden;
}

.spotify-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20;
  border-radius: 12px;
  border: none;
}

@media (min-width: 635px) {
  .spotify-embed {
    flex: 1 1 calc(50% - 0.5rem); /* two columns with gap accounted */
  }
}