.atl-cm {
  padding: 0 1.5rem 5rem;
}
@media (min-width: 768px) {
  .atl-cm {
    padding: 0 1.5rem 6rem;
  }
}

.atl-cm__inner {
  max-width: 1280px;
  margin: 0 auto;
}

.atl-cm__frame {
  position: relative;
  height: 450px;
  border-radius: 24px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
@media (min-width: 768px) {
  .atl-cm__frame {
    height: 550px;
  }
}
.atl-cm__frame iframe {
  filter: grayscale(1);
  transition: filter 0.7s ease;
}
.atl-cm__frame:hover iframe {
  filter: grayscale(0);
}