.Custum-bg-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 600px 450px;
}

.backGroundFlip {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.fade-enter-active {
    transition: opacity 1.5s ease;
}
.fade-leave-active {
    transition: opacity 0.75s ease;
}

.fade-enter-from,
.fade-leave-to {
    opacity: 0;
}

/* Slide Fade */
.slide-fade-enter-active {
    transition: all 0.8s ease-out;
}

.slide-fade-leave-active {
    transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-fade-enter-from,
.slide-fade-leave-to {
    transform: translateX(20px);
    opacity: 0;
}

.fade-bubble-enter-active,
.fade-bubble-leave-active {
    transition: opacity 0.75s ease;
}

.fade-bubble-enter-from,
.fade-bubble-leave-to {
    opacity: 0;
}

.parallax {
    background-image: url("/images/paralax.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    height: 150px;
    width: 100%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }

  .sticky1 {
    width: 100%;
    height: 150px;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    z-index: 0;
  }

  div.parallax-image {
    -webkit-background-size: cover;
    background-image: url("/images/paralax.jpg");
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
  }