#industrialPhotoSlider { margin: 0px 0; } #industrialPhotoSlider .carousel-item { height: 500px; } #industrialPhotoSlider .carousel-item img { object-fit: cover; height: 100%; } .carousel-control-prev-icon, .carousel-control-next-icon { background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; padding: 20px; } .carousel-item::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); } .carousel-item img { filter: brightness(90%); } .carousel-item img { opacity: 1; } #industrialPhotoSlider { width: 100%; } .container-fluid { padding-left: 0 !important; padding-right: 0 !important; } .carousel-item { padding: 0; } .carousel-item img { width: 100%; padding: 0; margin: 0; } .carousel-inner { border-bottom: 1px solid rgb(255, 255, 255); border-top: 1px solid rgb(255, 255, 255); } .background-imagePromFoto { position: fixed; inset-block-start: 0; inset-inline-start: 0; inline-size: 100%; block-size: 100%; background: url('../../../../../images/promFotoSlayder/PromFoto-post.png') center/cover fixed; z-index: -1; } .carousel-fade .carousel-item { opacity: 0; transition-duration: .6s; transition-property: opacity; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end { opacity: 1; } .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { opacity: 0; } .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-prev { transform: translateX(0); } .height-1PromFoto { height: 100px; p { margin-top: -30px !important; } }