.right {
  margin-top: 40px;
  text-align: right;
}

.image {
  border-radius: 13px;
  transition: opacity 3s;
  width: 100%;
  height: 100%;
}

.imageOpaque {
  opacity: 0.6;
}

.imageOpaque:hover {
  opacity: 1;
}

.imageMobile {
  display: none;
  width: 70vw;
  height: 100%;
  border-radius: 13px;
  margin-bottom: 40px;
}

.col {
  width: calc(50% - 40px);
}

.imageThird {
  width: calc(33.333% - 40px);
}

.textTwoThirds {
  width: calc(66.666% - 40px);
}

@media screen and (max-width: 750px) {
  .imageMobile {
    display: block;
  }

  .imageCol {
    display: none;
  }

  .col,
  .textTwoThirds {
    width: 100%;
  }
}

