.slider{

    width:100%;
    height:220px;

    position:relative;

    overflow:hidden;

    background:#f5f5f5;

}

.slide{

    position:absolute;

    inset:0;

    display:flex;
    flex-direction:column;

    justify-content:center;
    align-items:center;

    opacity:0;

    transition:opacity .8s ease;

    background:#f5f5f5;

}

.slide.active{

    opacity:1;

}.slider{position:relative;overflow:hidden;min-height:320px}.slider .slide{display:none;position:relative;min-height:320px;text-decoration:none;color:inherit}.slider .slide.active{display:block}.slider .slide img{width:100%;height:320px;object-fit:cover}.slide-overlay{position:absolute;right:6%;bottom:10%;background:rgba(0,0,0,.55);color:#fff;padding:18px 24px;border-radius:12px}