.cs-wrapper {
  position: absolute;
  left: 50px;
  right: 0px;
  bottom: 50px;
}
.cs-position-phone {
  top: -3rem;
  right: 10rem;
}
.cs-w {
  width: 75%;
}
.cs-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 70%;
  animation-name: image-opacity;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@media only screen and (max-width: 425px) {
  .cs-wrapper {
    position: absolute;
    left: 10px;
    right: 0px;
  }
  .cs-w {
    width: 100%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .cs-position-phone {
    right: -3rem;
  }
}

@keyframes image-opacity {
  0% {
    background-image: url(../image/bg.png);
  }
  100% {
    background-image: url(../image/bg2.png);
  }
}