.InventorySection { 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; @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .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) { .glow { left: 150px; top: 0px; --size: 200px; } } .FlexContainer { z-index: 5; margin: 0 auto; width: 100%; max-width: 1440px; display:flex; flex-direction: column; grid-template-columns: 1fr; width: 90%; gap: 40px; @media screen and (min-width: 900px) { display: grid; grid-template-columns: 1fr 1fr; } .BigDiv { display: flex; flex-direction: column; z-index: 20; @media screen and (min-width: 1200px) { padding: 50px; } } } .image-box { .bd { background: url(../assets/img/Board-Games.jpg); } } }