.cq-sidebysidev2-container {
  width: 100%;
  min-height: 320px;
  position: relative;
}
.cq-sidebysidev2-container .cq-sidebysidev2-side {
  position: absolute;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
.cq-sidebysidev2-side, .cq-sidebysidev2-side p{
  color: #FFF;
}
.cq-sidebysidev2-side p{
  margin: 24px 12px 16px 12px;
  padding: 0 12px;
}

.cq-sidebysidev2-side .cq-sidebysidev2-title{
  font-size: 1.4em;
  margin: 24px 12px 16px 12px;
  padding: 0 12px;
  color: #FFF;
}
.cq-sidebysidev2-side .cq-sidebysidev2-desc{
  font-size: 1em;
  color: #FFF;
  margin: 0 12px;
  padding: 0 12px;
}
.cq-sidebysidev2-container .cq-sidebysidev2-side:first-child {
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.cq-sidebysidev2-container .cq-sidebysidev2-side:last-child {
  right: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.cq-sidebysidev2-sidebg{
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
}
.cq-sidebysidev2-container .cq-sidebysidev2-side:first-child, .cq-sidebysidev2-container .cq-sidebysidev2-side:last-child {
  transition: 500ms all ease-in-out;
}
.cq-sidebysidev2-container .cq-sidebysidev2-side:first-child:before, .cq-sidebysidev2-container .cq-sidebysidev2-side:last-child:before {
  transition: 500ms all ease-in-out;
}
.cq-sidebysidev2-container.left-is-hovered .cq-sidebysidev2-side:first-child {
  width: 100%;
}
.cq-sidebysidev2-container.left-is-hovered .cq-sidebysidev2-side:first-child .cq-sidebysidev2-title:after {
  width: 100%;
}
.cq-sidebysidev2-container.left-is-hovered .cq-sidebysidev2-side:last-child {
  width: 0;
}
.cq-sidebysidev2-container.left-is-hovered .cq-sidebysidev2-side:last-child:before {
  z-index: 2;
}
.cq-sidebysidev2-container.right-is-hovered .cq-sidebysidev2-side:last-child {
  width: 100%;
}
.cq-sidebysidev2-container.right-is-hovered .cq-sidebysidev2-side:last-child .cq-sidebysidev2-title:after {
  width: 100%;
}
.cq-sidebysidev2-container.right-is-hovered .cq-sidebysidev2-side:first-child {
  width: 0;
}
.cq-sidebysidev2-container.right-is-hovered .cq-sidebysidev2-side:first-child:before {
  z-index: 2;
}
