.card-cmp .card-cmp--image-video {
  width: 100%;
  float: right;
}
.card-cmp {
  width: 100%;
  float: none;
  padding: 25px;
}
.card-cmp .card-cmp--content {
  width: 100%;
  float: left;
}
.card-cmp--content .cmp-button {
  text-align: center;
  display: inline-block;
}
.card-cmp--image-video img {
  max-width: 100%;
  height: auto;
  margin-bottom: 0 !important;
  padding: 30px;
}

.card-cmp--content .cmp-button {
  text-align: center;
  display: inline-block;
}
@media (max-width: 767px) {
  .card-cmp .card-cmp--image-video {
    width: 100%;
    float: none;
    order: 1;
  }
  .card-cmp {
    width: 100%;
    float: none;
    padding: 25px;
    flex-direction: column;
    display: flex;
  }
  .card-cmp .card-cmp--content {
    width: 100%;
    float: none;
    order: 2;
  }
}
@media (min-width: 768px) {
  .card-cmp {
    position: relative;
  }
  .card-cmp .card-cmp--image-video {
    width: 40%;
    position: relative;
  }
  .card-cmp .card-cmp--image-video img {
    width: 100%;
  }
  .card-cmp .card-cmp--content {
    width: 60%;
    padding: 30px;
    position: relative;
  }
  .card-cmp {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media (min-width: 1023px) {
  .card-cmp {
    padding: 20px 40px;
  }
  .card-cmp--image-video.transitionyes img {
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: .5s all;
    -o-transition: .5s all;
    -moz-transition: .5s all;
    -webkit-transition: .5s all;
    margin-bottom: 0 !important;
    height: 100%;
  }
  .card-cmp--image-video.transitionyes img:hover {
    transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
  }
  .card-cmp .card-cmp--content {
    padding: 0px 70px;
  }
  .card-cmp--content button {
    text-align: left;
  }
}
@media (min-width: 1400px) {
  .card-cmp {
    padding: 50px 150px;
  }
}
@media (min-width: 768px) {
  .card-cmp.content-right .card-cmp--content {
    order: 2;
  }
  .card-cmp.content-right .card-cmp--image-video {
    order: 1;
  }
}