I have a composable which consists of 2 parts: The upper part which should have it's height between ...

# compose

[Joey]

I have a composable which consists of 2 parts: The upper part which should have it's height between wrapContent and 33% of the parent height, and a second part that should fill the remaining space, but also take space from the upper part if this second part is larger than the 67% of height left. If there's still more space needed it should turn into a vertical scroller. This is my current code but it's not working, how can I achieve something like my idea?

[Joey]

The code

Box(
    modifier = Modifier
        .fillMaxWidth()
        .wrapContentSize()
        .fillMaxHeight(0.33f)
) {
    // 80.dp high Image (logo) centered in this box
}

Column(
    modifier = Modifier
        .weight(1f)
        .fillMaxWidth()
        .fillMaxHeight()
        .verticalScroll(scrollState)
) {
    // Content
}