#studioPhotoSlider { margin: 0; width: 100%; } #studioPhotoSlider .carousel-item { height: 600px; } #studioPhotoSlider .carousel-item img { object-fit: cover; height: 100%; width: 100%; padding: 0; margin: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { background-color: rgba(255, 255, 255, 0.3); border-radius: 50%; padding: 25px; } .carousel-item::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); } .background-imageStudio { position: fixed; inset-block-start: 0; inset-inline-start: 0; inline-size: 100%; block-size: 100%; background: url('../../../../../images/studioPhoto/studioFoto-post.png') center/cover fixed; z-index: -1; } .carousel-inner { border-bottom: 2px solid rgba(255, 255, 255, 0.8); border-top: 2px solid rgba(255, 255, 255, 0.8); box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } .carousel-fade .carousel-item { opacity: 0; transition-duration: .8s; 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; } .height-1Studio { height: 120px; background: rgba(0, 0, 0, 0.6); margin-bottom: 30px; } .height-1Studio h1 { color: white; text-align: center; padding: 30px 0; font-size: 2.5rem; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); } @media (max-width: 768px) { #studioPhotoSlider .carousel-item { height: 400px; } .height-1Studio { height: 100px; } .height-1Studio h1 { font-size: 1.8rem; padding: 20px 0; } }