.shop-jumbotron {
    margin-bottom: 10rem !important;

    & .top-decoration {
        position: absolute;
        top: 4rem;
        left: -200px;
        height: 22rem;
        width: 11rem;
        background-size: contain;
        transform: rotate(32deg);
    }

    & .bottom-decoration {
        position: absolute;
        right: -12rem;
        height: 10rem;
        width: 14rem;
    }

    & .jumbotron-item {
        & a {
            text-decoration: none;
        }

        & p,
        & h2 {
            z-index: 5;
        }

        &::before {
            z-index: 4;
            border-radius: 0.4375rem;
            position: absolute;
            height: 100%;
            width: 100%;
            background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 8.52%, #000 100%);
            content: "";
            top: 0;
            left: 0;
        }
    }

    & .row > div > a:focus-visible .jumbotron-item {
        outline:2px dashed var(--lawiGreen);
        outline-offset: 2px;
    }
}

.shop-jumbotron
.jumbotron-item {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-direction: column;
    background-repeat: no-repeat;
    height: 30rem;
    border-radius: 0.4375rem;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-bottom: 2rem;
    padding: 1rem;
}