.carousel-img { height: 100vh; object-fit: cover; } .carousel-caption { margin-bottom: 22vh; } .carousel-indicators { margin-bottom: 21vh; } .carousel { position: absolute; top: 0; z-index: 0; } .search { height: 20vh; background-color: rgba(248, 249, 250, 0.8)!important } .commands { display: none; position: absolute; bottom: ~"calc(50% - 0.1rem)"; width: ~"calc(100% - 30px)"; } .card-header { overflow-y: hidden; } .commands-list { li { padding-left: 2.5rem; cursor: pointer; span { background: #1976d2; color: white; } desc { color: gray; float: right; } } }