#blog figure{position:relative;overflow:hidden;margin:1rem auto;border:1px solid var(--bd-color);border-radius:var(--bd-radius)}#blog figcaption{position:absolute;top:50%;right:1rem;z-index:1;transform:translateY(-50%);font-size:4vw;text-shadow:0 3px 8px var(--shadow-color),0 2px 4px var(--shadow-color);color:var(--warn-color);transition:.1s}#blog figure:hover{border-color:var(--warn-color)}#blog figure img{opacity:.5;transition:.2s ease-out;border:0}#blog figure:hover img{opacity:.95;transform:scale(1.2);filter:blur(10px)}#blog figure:hover figcaption{transform:translateY(calc(-50% + .4vw)) scale(1.2)}