html {
  width: 100%;
}

body {
  overflow-x: hidden !important;
}


.editMediaImageSideHeader{
  position:absolute;
  height:65px;
  top:0;
  left:0;
  color: white;
  text-align: center;
  width: 100%;
  padding-top:20px;
}

.titleFlow{
  width:100%;
  height:100%;
  background-color: white;
  box-shadow: inset 0 3px 30px rgba(0, 0, 0, 0.1), inset 0 3px 20px rgba(0, 0, 0, 0.1);
  color:black;
  overflow: hidden;
  position: absolute;
  top:0px;
  left:0px;
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.titleFlow .rearLayer{
  color: gainsboro;
  position: absolute;
  top: 150px;
  left: 0px;
  font-size: 100pt;
  height: 400px;
  width:10000px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  transition: left 300s;
  opacity: .25;
}
.titleFlow .middleLayer{
  color: gainsboro;
  position: absolute;
  top: 230px;
  left: 0px;
  font-size: 50pt;
  height: 400px;
  width:10000px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  transition: left 220s;
  opacity: .4;
}

.titleFlow .frontLayer{
  color: gainsboro;
  position: absolute;
  top: 275px;
  left: 0px;
  font-size: 30pt;
  height: 400px;
  width:10000px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  transition: left 150s;
  opacity: .6;
}