html, body {
    height: 100%;
    margin: 0;
    background-image: url("../images/grass.avif");
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-wrapper {
    display: inline-block;
    border: min(5vh, 5vw) solid transparent;
    border-image-source: url("../images/frame.avif");
    border-image-slice: 202;
    border-image-repeat: round;
    border-image-width: min(5vh, 5vw);
}

.video-wrapper video {
    display: block;
    max-width: 80vw;
    max-height: 80vh;
    cursor: pointer;
}