.article-carousel{
width:100%;
position:relative;
overflow:hidden;
}

.carousel-slide{
display:none;
width:100%;
position:relative;
}

.carousel-slide.active{
display:block;
}

.carousel-slide img,
.carousel-slide video{
width:100%;
display:block;
}

.carousel-content{
position:absolute;
bottom:40px;
left:40px;
color:white;
max-width:50%;
}

.carousel-content h2{
font-size:40px;
margin-bottom:10px;
}

.carousel-nav{
position:absolute;
top:50%;
transform:translateY(-50%);
opacity:0;
transition:opacity .3s;
cursor:pointer;
z-index:10;
}

.carousel-nav img{
width:60px;
}

.carousel-nav.prev{
left:20px;
}

.carousel-nav.next{
right:20px;
}

.article-carousel:hover .carousel-nav{
opacity:1;
}