.flex-container {
            display: flex;
            flex-direction: column;
            /* justify-content: space-between; */
            align-items: center;
            max-height: 95vh;
            width:82vw;
            gap:.5em;
            margin: 0 auto;
            box-sizing: border-box;
            border:15px solid yellow;
            background-image: linear-gradient(to right, #fff, #789abc);
        }
        /* .flex-item {
            margin: 1px;
            background-color: green;
            border: 1px solid #ccc;
            width:80vw;
            margin: 0 auto;
        } */
        .flex-item-1 {
            background-color: #ccc;
            flex-grow: 2;   
            width:80vw;
            max-height:60px;
            
        }
        .flex-item-2 {
            background-color: #eee;
            flex-grow: 2;
            width:80vw;
            max-height:40vh;
            overflow-y: scroll;
        }
        .flex-item-3 {
            background-color: #fff;
            flex-grow: 1;
            width:80vw;
            max-height:60px;
        }