#content-wrapper{ display: block; }
#featured{ width: auto; height: auto; cursor: pointer; border: 2px solid #f2f2f2;}
.thumbnail{object-fit: cover; max-width: 180px; max-height: 100px; cursor: pointer; opacity: 0.5; margin: 5px; border: 2px solid black;}
.thumbnail:hover{ opacity:1; }
.active{ opacity: 1; border: 2px solid #1c8ee6;}
#slide-wrapper{margin-top: 30px; max-width: 500px; display: flex; min-height: 100px; align-items: center; }
#slider{ width: 440px; display: flex; flex-wrap: nowrap; overflow-x: auto;}
#slider::-webkit-scrollbar {	width: 8px;}
#slider::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
#slider::-webkit-scrollbar-thumb { background-color: #dede2e; outline: 1px solid slategrey;  border-radius: 100px;}
#slider::-webkit-scrollbar-thumb:hover{  background-color: #18b5ce;}
.arrow{ width: 30px;  height: 30px; cursor: pointer; transition: .3s; }
.arrow:hover{ opacity: .5; width: 35px; height: 35px;}
#img-container{ z-index: 1; width: auto; position: relative; }
#lens{ z-index: 2; position: absolute; height: 125px; width: 125px; background-repeat: no-repeat; cursor: none;}