.inventory-section {
    background-color: transparent;
    font-size: calc(10px + 2vmin);
    color: white;
    position: relative;
    z-index: unset;
    padding: 50px 0;
    margin-bottom: 150px;
    scroll-margin-top: 200px;

    &__glow {
        z-index: 2;
        position: absolute;
       left: 20px;
        top: 40px;
       
        --size: 170px;
        --speed: 20s;
        --easing: cubic-bezier(0.8, 0.2, 0.2, 0.8);
      
        width: var(--size);
        height: var(--size);
        filter: blur(calc(var(--size) / 4));
        background-image: linear-gradient(hsl(222, 84, 60, 100%), hsl(164, 79, 71));
        animation: rotate var(--speed) var(--easing) alternate infinite;
        border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
        transition: all 2.5s ease-in-out;

        @media (min-width: 720px) {
            left: 150px;
            top: 0px;
            --size: 200px;
        }
    }
      
    &__container {
        z-index: 5;
        margin: 0 auto;
        width: 100%;
        max-width: 1440px;
        display:flex;
        flex-direction: column;
        grid-template-columns: 1fr;
        width: 90%;
        gap: 100px;

         @media screen and (min-width: 900px) {
            display: grid;
            grid-template-columns: 1fr 1fr;
             gap: 40px;
        }
    }

    &__text-box {
        display: flex;
        flex-direction: column;
        z-index: 20;

        @media screen and (min-width: 1200px) {
            padding: 50px 0 50px;
        }
    }

    .image-box {
        .bd {
            background: url(../../assets/img/Board-Games.jpg);
        }
    }
}
 