Header composable

MainActivity.kt

private val headerHeight = 275.dp
@Composable
private fun Header() {
    val headerHeightPx = with(LocalDensity.current) { headerHeight.toPx() }

    Box(modifier = Modifier.fillMaxWidth().height(headerHeight)) {
        Image(
            painter = painterResource(id = R.drawable.bg_pexel),
            contentDescription = "",
            contentScale = ContentScale.FillBounds
        )

        Box(
            Modifier
                .fillMaxSize()
                .background(
                    brush = Brush.verticalGradient(
                        colors = listOf(Color.Transparent, Color(0xAA000000)),
                        startY = 3 * headerHeightPx / 4 // to wrap the title only
                    )
                )
        )
    }
}