body{
    display:flex;
    padding:0;
    margin:0;
    
}
.split{
    height:700px;
    flex: 50%;
}

#waterDiv{
    y-overflow:hidden;
}
#poem{
    padding-left:3%;
    padding-right:2%;

    overflow-y: scroll;
    overflow-x: scroll;
    display: flex;
    font-size: 15em;
background-image: url(images/stone.jpg);
background-repeat: no-repeat;
background-size: cover;
}
#waterGif{
    margin-top:-25%;
    
    max-width: 100%;
        /* width: 74%;
    margin-left:13%; */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.split::-webkit-scrollbar {
    display: none;
  
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

  #scroll-horiz {
    white-space: nowrap;
    color:#26283d;
    text-shadow: 0px 0px 30px white;

  }
  
  
  
  
  
  
  @media (max-width: 900px) {
    body{
display:block;}
.split{
  height:100%;}
  #poem{
    margin-top: -100px;
height: 500px;
    font-size: 9em;
background-image: url(images/stone.jpg);
background-repeat: repeat;
background-size: contain;
}
}