36 lines
1.0 KiB
CSS
Executable File
36 lines
1.0 KiB
CSS
Executable File
.carousel-container {
|
|
max-height: 12em; /* Adjust the max-width to a smaller size */
|
|
max-width: 25em;
|
|
background-color: #ffffff;
|
|
margin: auto; /* Center the carousel */
|
|
}
|
|
|
|
.carousel-container img {
|
|
width: 100%;
|
|
height: auto;
|
|
max-height: 12em;
|
|
object-fit: contain; /* Prevents cropping while keeping aspect ratio */
|
|
}
|
|
|
|
.carousel-control-next-icon {
|
|
background-color: #616161; /* Change the background color to black */
|
|
background-image: none; /* Remove the default icon */
|
|
}
|
|
|
|
.carousel-control-next-icon::after {
|
|
|
|
color: white; /* Set the arrow color to white for contrast */
|
|
font-size: 2em; /* Adjust the size of the arrow */
|
|
}
|
|
|
|
.carousel-control-prev-icon {
|
|
background-color: #616161; /* Change the background color to black */
|
|
background-image: none; /* Remove the default icon */
|
|
}
|
|
|
|
.carousel-control-prev-icon::after {
|
|
|
|
color: white; /* Set the arrow color to white for contrast */
|
|
font-size: 2em; /* Adjust the size of the arrow */
|
|
}
|