.carousel {position: relative;}.carousel-inner {position: relative;width: 100%;overflow: hidden;}.carousel-item {position: relative;display: none;width: 100%;transition: transform 0.6s ease;animation: fade 0.6s ease-in-out;}.carousel-img {width: 100%;}.carousel-item.active, .carousel-item-next, .carousel-item-prev {display: block;}.carousel-control-prev, .carousel-control-next {position: absolute;top: 50%;transform: translateY(-50%);background-color: rgba(0, 0, 0, 0.3);border: none;color: white;cursor: pointer;}.carousel-control-prev {left: 0;}.carousel-control-next {right: 0;}@keyframes fade {from {opacity: 0.4;}to {opacity: 1;}}