#carousel{position:relative}.items--mobile{display:none}.viewport{width:100%;height:500px;overflow:hidden;position:relative;background-color:white;box-shadow:0px 0px 10px 10px white;margin-top:2rem}ul{margin:0;padding:0}.viewport ul{position:absolute;height:500px;display:flex;align-items:center}.item{float:left;display:block;min-width:280px;max-width:280px;height:auto;opacity:.5;transition:all .4s}.active{opacity:1;width:350px;min-width:350px;max-width:350px}img{max-width:100%;border:0;vertical-align:bottom}@media only screen and (max-width :568px){.viewport ul{display:none}.viewport{height:300px}.items--mobile{display:block;width:100%;height:100%}.item__left--mobile{width:170px;position:absolute;left:20px;top:50%;transform:translateY(-50%)}.item__mid--mobile{left:50%;top:50%;position:absolute;transform:translate(-50%,-50%);width:200px;z-index:9999}.item__right--mobile{width:170px;position:absolute;top:50%;transform:translateY(-50%);right:20px}}