@media (min-width: 2560px) {
     body .hero-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 3rem;
            height: calc(100% - 175px);
            padding: 2rem;
            /* align-items: center; */
            margin-top: 18%;
            position: relative;
            bottom: 2.8vh;
        }
        .event-info p{
            width: 80%;
        }
                body .event--skin2.box-mode .h-auto--img>.event-image,
                body .event--skin2.box-mode .h-auto--img>.event-image div{
                    min-height: 53vh;
                }
}