.registry-container {
    position: relative;
    display: flex;
    padding: 2rem;
    padding-bottom: 4rem;
    padding-top: 4rem;
    z-index: 0;
    background: var(--accent-3);
}

.registry-container::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: 0.2;
    background-image: url('../assets/bg-tileable.webp');
    background-size: 30vw;
}

iframe {
    box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.15);
}

iframe>html>body{
    background: none;
}