.grid{margin:0 auto;max-width:100%;position:relative;width:100%}.item{display:block;height:284px;margin:5px;position:absolute;width:30.5%;z-index:1}.item-image{border-radius:20px;display:block;height:100%!important;object-fit:cover;object-position:center;width:100%}.item-image-not-right-radius{border-radius:20px 0 0 20px!important}.item.blue .custom-content{border-color:#0caaf5;color:#0caaf5}.item.red .custom-content{border-color:#f54487;color:#f54487}.item.green .custom-content{border-color:#00de73;color:#00de73}.item.w2{width:36.5%}.item.h2{height:578px}@media only screen and (max-width:1200px){#grid-container{width:100%}}@media (min-width:1200px) and (max-width:1440px){#grid-container{width:120%}}@media (min-width:1440px) and (max-width:1800px){#grid-container{width:140%}}@media (min-width:1440px){#grid-container{width:140%}}@media (max-width:1200px){.item{height:calc(50vw - 10px)}.item,.item.w2{width:calc(50% - 10px)}.item.h2{height:calc(50vw - 10px)}}@media (max-width:992px){.item{height:calc(50vw - 10px)}.item,.item.w2{width:calc(50% - 10px)}.item.h2{height:calc(50vw - 10px)}}@media (max-width:768px){.item{height:calc(100vw - 10px)}.item,.item.w2{width:calc(100% - 10px)}.item.h2{height:calc(100vw - 10px)}}