body {
  margin: 0;
  padding: 0;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: black;
  color: white;
}

.gif-container {
  height: 100%;
  width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  font-size: 2.5rem;
}

.gif-container img {
  max-width: 100%;
  height: 50vh;
  border-radius: 10px;
}

.text {
  margin-block-start: 1em;
}

audio::-webkit-media-controls-play-button {
  background-color: #9c1021;
  pointer-events: auto;
}
audio::-webkit-media-controls-mute-button {
  overflow: hidden;
  display: none;
}
audio::-webkit-media-controls-volume-slider {
  overflow: hidden;
  display: none;
}
audio::-webkit-media-controls-current-time-display {
  overflow: hidden;
  display: none;
}
audio::-webkit-media-controls-volume-slider-container {
  overflow: hidden;
  display: none;
}
audio::-webkit-media-controls-toggle-closed-captions-button {
  overflow: hidden;
  display: none;
}
audio::-webkit-media-controls-time-remaining-display {
  overflow: hidden;
  display: none;
}
audio::-webkit-media-controls-seek-back-button {
  overflow: hidden;

  display: none;
}
audio::-webkit-media-controls-seek-forward-button {
  overflow: hidden;

  display: none;
}
audio::-webkit-media-controls-timeline {
  overflow: hidden;
  display: none;
}
audio::-webkit-media-controls-panel {
  background-color: rgb(0, 0, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
audio::-webkit-media-controls-enclosure {
  background-color: black;
  border-radius: 15px;
}