.container {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: center;
      margin-top: 2%;
      width:85%;
      margin: 0 auto;}
.image-container, .playlist-container {margin: 10px;}
    img {width: 500px;}
    button {display : block; font-size: 20px; text-align: left;}
    ul {padding: 0%;} 
    .playlist-container {
      margin-top: 40px;
      display: flex;
      flex-direction: column;}
    h2 {font-weight: normal;}
    #currentTrack {margin-top: 10px;}
    #infoText {
            position: absolute;
            top: -15%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: #567be0;
            color: rgb(255, 251, 0);
            padding: 5px;
            display: none;
            border-radius: 5px;
            white-space: nowrap;
            z-index: 1;}
        img:hover + #infoText {display: block;}
    #tournesol-logo {position: fixed;right: 28px;bottom: 10px;}

    @media screen and (max-width: 768px) {
       .container{flex-direction: column;width:95%;
       .playlist-container{margin-bottom:100px;}
    }