.blob {
    width: 33rem;
    height: 32rem;
    background: #30b2e6;
    background: linear-gradient(90deg, rgb(128, 219, 255) 0%, rgb(151, 220, 252) 100%);
    position: absolute;
    border-radius: 80%;
    filter: blur(100px);
    margin-left: 52%;
    margin-top: 6rem;
    overflow: hidden;
}

@media(max-width:991px) {
    .blob {
        display: none;
    }
}

@media(max-width:991px) {
    .hero-section {
        margin-top: 4rem !important;
    }
}

@media(max-width:991px) {
    .logo-homepage {
        margin-top: 4rem;
        height: 80% !important;
    }
}

.image-hover {
  transform:
    rotate3d(.5,-.866,0,15deg)
    rotate(1deg);

  transition:
    transform .4s ease,
    box-shadow .4s ease;
  border-radius: .5em;

  &:hover {
    transform:
      rotate3d(0,0,0,0deg)
      rotate(0deg);
  }
}