.hero-banner {
  position: relative;
}

.hero-cambridge-logo {
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  overflow: hidden;
  border: 3px solid rgba(255, 255, 255, 0.9);
  border-radius: 24px 8px 24px 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
  transform: rotate(-1deg);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.hero-cambridge-logo img {
  display: block;
  width: 100px;
}

.hero-cambridge-logo:hover {
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
  transform: rotate(0deg) translateY(-2px);
}

@media screen and (min-width: 1024px) {
  .hero-cambridge-logo img {
    width: 230px;
  }
}