/* .carousel-inner { display: flex; transition: transform 0.5s ease; height: 100%; } .carousel-item { width: 100%; flex: 0 0 100%; display: flex; align-items: center; justify-content: center; height: 100%; } .carousel-item img, .carousel-item video { object-fit: contain; background-color: black; } .carousel-control { position: absolute; top: 50%; transform: translateY(-50%); font-size: 2em; color: white; cursor: pointer; user-select: none; z-index: 1; } .carousel-control-prev { left: 10px; } .carousel-control-next { right: 10px; } @media (max-width: 768px) { .carousel { width: 100%; height: auto; } .carousel-item img, .carousel-item video { width: 100%; height: auto; } } */