.hero-radius{border-radius: 0 270px 0 0;}
.home-pattern-p{position: absolute;z-index:-1;margin-top: -55px;margin-left: 90px;}
.home-pattern-m{position: absolute;z-index:1;margin-top: -30px;margin-left:12px;opacity:0.5}
.sticky-home{top: 170px;position: sticky;}

@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}

.medyakap-galeri{
    display:flex;
    height: 20rem;
    gap: 1rem;
}
.medyakap-galeri > div{
    flex: 1;
    border-radius: 1rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    transition: all .8s cubic-bezier(.25, .4, .45, 1.4);


}
.medyakap-galeri > div:hover{
    flex: 1.7;

}