* {box-sizing: border-box;}
body {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 2em;
    margin: 2em;
}
div {
    aspect-ratio: 1;
    border: 3vw solid #000;
    position: relative;
}
div span {
    top: 0;
    right: calc(-3vw - 1em);
    position: absolute;
    background: black;
    text-transform: uppercase;
    animation: fadeaway 3s ease-out 1 forwards;
    padding: 1em;
    font-family: monospace;
    color: whitesmoke;
}
@keyframes fadeaway {
    0% { opacity: 1;}
    50% {transform: translateY(calc(-3vw - 1em));}
    95% { opacity: 1;}
    100% { transform: translateY(calc(-3vw - 1em)); opacity: 0;}
}