html,body,#root{height:100%;margin:0}.container{height:100%;display:flex;flex-direction:column}.box{text-align:center;color:#fff;font-family:sans-serif;display:flex;justify-content:center;align-items:center}.box-1{background-color:green;min-height:150px;flex:1 1 150px}.box-2{background-color:#00f;flex:0 1 auto;overflow-y:hidden}.image-wrapper{height:100%;overflow:auto}.image-wrapper img{width:100%;height:auto;display:block}.box-3{background-color:red;min-height:50px;flex:3 1 50px}::-webkit-scrollbar{width:.5vw}::-webkit-scrollbar-track{background-color:#fff0}::-webkit-scrollbar-thumb{background-color:red;border-radius:10px}.button-group{display:flex;justify-content:center;gap:10px}