.profit {
  padding: 60px 0 60px 50%;
  position: relative;
}

.profit__title {
  font-size: 25px;
  line-height: 28px;
  margin-bottom: 30px;
  font-weight: 500;
}

.profit__item {
  margin: 20px 0;
  font-size: 18px;
}

@keyframes profit-hover {
  0% {
    transform: translateX(-350px) translateY(170px)
  }

  50% {
    transform: translateX(-350px) translateY(156px);
  }

  100% {
    transform: translateX(-350px) translateY(170px)
  }
}

@keyframes profit-shadow {
  0% {
    box-shadow: 0 55px 70px -20px rgba(50,50,93,.55), 0 20px 30px -10px rgba(0,0,0,.14);
  }

  50% {
    box-shadow: 0 65px 80px -20px rgba(50,50,93,.55), 0 30px 40px -10px rgba(0,0,0,.14);
  }

  100% {
    box-shadow: 0 55px 70px -20px rgba(50,50,93,.55), 0 20px 30px -10px rgba(0,0,0,.14);
  }
}

.profit__preview {
  perspective: 200px;
  perspective-origin: 40%;
  animation: profit-hover 3.5s infinite ease-in-out;
  transform: translateX(-350px) translateY(165px)
}

.profit__image {
  position: absolute;
  width: 50%;
  left: -10%;
  top: 50%;
  transform: scale(1.6) translateY(-50%) rotateX(4deg) rotateY(15deg) rotate(-1deg);
  border-radius: 2px;
  box-shadow: 0 55px 70px -20px rgba(50,50,93,.55), 0 20px 30px -10px rgba(0,0,0,.14);
  animation: profit-shadow 3.5s infinite ease-in-out;
  background: #2f2f2f;
}

@media only screen and (max-width : 480px) {
  .profit {
    padding: 0;
  }

  .profit__title {
    font-size: 20px;
    text-align: center;
  }

  .profit__item {
    text-align: center;
    font-size: 14px;
  }
}