.rotating-cards{position:absolute;left:0;right:0;bottom:0;top:0;li{aspect-ratio:1/1.5;background-color:rgb(var(--background-rgb));border-radius:var(--border-radius);border:2px dashed rgb(var(--foreground-rgb));cursor:pointer;filter:grayscale(1);transform-origin:bottom left;transition:all .25s;margin:0 auto;padding:16px;position:absolute;left:0;right:0}figure{display:flex;flex-direction:column;height:100%;width:100%;gap:16px}li:hover{filter:grayscale(0);translate:0 -20px 0;z-index:var(--z-index-base)}li:first-child{transform:translateY(0) translateX(-10px) rotate(-7deg)}li:nth-child(2){transform:translateY(-10px) translateX(-5px) rotate(0deg)}li:nth-child(3){transform:translateY(-20px) translateX(5px) rotate(6deg)}&:hover{li:first-child{transform:translateY(0) translateX(-10px) rotate(-15deg)}li:nth-child(2){transform:translateY(-20px) translateX(-5px) rotate(0deg)}li:nth-child(3){transform:translateY(-10px) translateX(10px) rotate(15deg)}}img{object-fit:cover;border-bottom:2px solid rgb(var(--background-rgb));border-radius:var(--border-radius);flex:1 1;width:100%}}#container-introduction{display:flex;flex-direction:column;gap:16px;margin-left:var(--horizontal-gap);padding-left:16px;padding-top:64px;position:relative;p{max-width:480px}.social-links{display:flex;gap:8px;align-items:flex-start;width:100%;li a{display:inline-flex;align-items:center;justify-content:center;border:var(--border-width-thin) solid rgb(var(--foreground-rgb));border-radius:var(--border-radius);height:28px;width:28px;&:hover{background-color:rgb(var(--foreground-rgb));color:rgb(var(--background-rgb))}}}.right-panel{position:absolute;right:var(--horizontal-gap);top:calc(64px + 4em);bottom:0;width:300px}}