.hero{
    width:100%;
    height:90vh;
    background: white;
    overflow: hidden;
}
.hero .carousel{
    width:300px;
    margin:100px auto 0;
    overflow:visible;
}
.carousel img{
    -webkit-box-reflect: below 20px linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0.3));
    width:600px;
    height:400px;
}
.dark-theme .hero{
    background:#0e1525;
}
@media screen and (max-width:500px) {
    .carousel img{
        width:250px;
        height: 200px;
    }
}