Para <3 (CSS)

.backOO {
    width: 502px;
    border: 1px solid transparent;
    height: 302px;
    margin: auto;
    overflow: hidden;
  position: relative;
}
.baseOO {
    height: 300px;
    margin-right: 100px;
  border: 1px solid transparent;
}
.botoOO {
    float: right;
    width: 92px;
    height: 302px;
    margin: -1px;
    border: 1px solid transparent;
}
.ccbbOO {
    height: 300px;
    position: absolute;
    top: 0;
    width: 0px;
  transition: 1s;
  right: 100px;
}
.ccbbOO:hover {
width: 400px;
}
.ccbbOO:hover .pushOO {
margin-left: 400px;
opacity: 0.5;
}
.pushOO {
    background: #ffffff;
    width: 90px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    transition: 1s;
    margin-left: 10px;
      font-size: 50px;
  color: #ff406b;
}
.o02 {
margin-top: 78px;
  color: #444;
}
.o03 {
margin-top: 156px;
}
.o04 {
margin-top: 235px;
  color: #444;
}
.textOO {
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
    height: 300px;
}
.ttOO {
    background: #ffffffab;
    border: 1px solid transparent;
    height: 300px;
    width: 400px;
}
.tituOO {
    color: #333333;
    font-family: Cabin, sans-serif;
    font-size: 16px;
    margin: auto;
    padding: 1px 10px 0;
    position: relative;
    width: max-content;
    background: #ffffff;
    box-shadow: 5px 0 5px #ffffff, -5px 0 5px #ffffff;
}
.scrolOO {
    border: 2px solid;
    color: #333333;
    font-family: arial;
    font-size: 12px;
    height: 279px
    margin: -9px 10px;
    overflow: auto;
    padding: 15px;
    background: #ffffff94;
}
.baseOO, .pushOO {
background: url(https://i.pinimg.com/564x/db/8f/6a/db8f6adad80fee7563c659521d38b53f.jpg);
    background-size: 500px 300px;
  text-shadow: 0 0 20px #333;
}
.o01 {
background-position: top right !important;
}
.o02 {
background-position: right -78px !important;
}
.o03 {
background-position: right -156px !important;
}
.o04 {
background-position: right -235px !important;
}
.basetextOO {
    border: 3px solid #ffffff;
    margin: 10px;
    background: #ffffff8a;
    height: 279px;
    color: #ffffff;
    text-align: center;
    line-height: 279px;
    font-size: 100px;
}