body {
  padding-top: 0rem;
}
.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}




    .audio {
        background: #ccc;
        position: relative;
        height: 0;
        padding-bottom: 75%;  /* 4/3 on mobile, padding = 3/4 */
    }
    .audio {
        position: absolute;
        top: 0;
        left: 0; 
        width: 100%; 
        height: 100%;
    }

    @media all and (min-width: 24em) {
        .audio {
            padding-bottom: 56.25%;  /* 16/9 on desktop, padding = 9/16 */
        }
    }