.item{z-index:1;background-position:50%;background-size:cover;border-radius:20px;width:200px;height:300px;list-style-type:none;transition:transform .1s,left .75s,top .75s,width .75s,height .75s;position:absolute;top:50%;transform:translateY(-50%);box-shadow:inset 0 20px 30px #ffffff4d}.item:first-child,.item:nth-child(2){width:100%;height:100%;box-shadow:none;opacity:1;border-radius:0;top:0;left:0;transform:none}.item:nth-child(3){left:50%}.item:nth-child(4){left:calc(50% + 220px)}.item:nth-child(5){left:calc(50% + 440px)}.item:nth-child(6){opacity:0;left:calc(50% + 660px)}@keyframes show{0%{filter:blur(5px);transform:translateY(calc(75px - 50%))}to{opacity:1;filter:blur()}}.nav{z-index:35;user-select:none;display:flex;position:absolute;bottom:6rem;right:2.5rem;transform:translateY(50%)}.nav .btn{color:#000000b3;cursor:pointer;background-color:#ffffff80;border:2px solid #0009;border-radius:50%;margin:0 .25rem;padding:.75rem;box-shadow:0 4px 8px #0003}.nav .btn:hover{background-color:#ffffff4d}@media not (max-width:650px) and not (min-width:900px){.item{width:160px;height:270px}.item:nth-child(3){left:50%}.item:nth-child(4){left:calc(50% + 170px)}.item:nth-child(5){left:calc(50% + 340px)}.item:nth-child(6){opacity:0;left:calc(50% + 510px)}}@media not (min-width:650px){.item{width:130px;height:220px}.item:nth-child(3){left:50%}.item:nth-child(4){left:calc(50% + 140px)}.item:nth-child(5){left:calc(50% + 280px)}.item:nth-child(6){opacity:0;left:calc(50% + 420px)}}