.gap-3  {
    /* display: flex; */
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
    transition-duration: 500ms;
    opacity: 1;
    grid-auto-flow: row;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    font-family: 'GESSTextMedium' !important;
    position: relative;
    transform: translate3d(0px, 0px, 0px);
    flex-wrap: nowrap;
} {
    /* display: flex; */
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
    transition-duration: 500ms;
    opacity: 1;
    grid-auto-flow: row;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    font-family: 'GESSTextMedium' !important;
    position: relative;
    transform: translate3d(0px, 0px, 0px);
    flex-wrap: nowrap;
}