.about-site-panel-container {
    /* Replace none with url("/images/your-background.gif") to add a tiled GIF. */
    background-image: url("https://ik.imagekit.io/yuko/mint2.gif");
    background-repeat: repeat;
    background-size: auto;
    background-position: top left;
    /* Anchor the sticker to this panel at every viewport size. */
    position: relative;
    border: 5px solid #eded77;
    border-radius: 15px;
    width: 80%;
    padding: 20px;
    overflow: visible;
}

.about-site-panel p {
    color: #8d1d27;
    margin: 0%;
}

.about-construction-image {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    width: clamp(3rem, 18%, 5rem);
    height: auto;
    transform: translate(30%, 64%) rotate(12deg);
    transform-origin: center;
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    .about-construction-image:hover {
        animation: about-construction-bounce 600ms ease-in-out;
    }
}

@keyframes about-construction-bounce {
    0%,
    100% {
        translate: 0 0;
    }

    50% {
        translate: 0 -0.75rem;
    }
}