.Action{height:200px;border-radius:8px;display:flex;position:relative;overflow:hidden;border:1px solid var(--color-grey);background:var(--color-white)}.Action--darkMode{border:1px solid var(--color-dark-grey);background:var(--color-dark-white)}.Action:hover{.Action__image{width:210%}}.Action__image{width:200%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(10deg);filter:grayscale(.5)}.Action__image--darkMode{filter:brightness(.8) contrast(1.2)}.Action__label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ModalProject{display:flex;flex-direction:column;align-items:center;gap:20px}.ModalProject__image{max-width:100%;max-height:50vh}