body {
    background-image: linear-gradient(to right bottom, lightgrey, darkgrey);
}
/*

body {
    background-color: lightgrey;
}

*/



h1 {
    color: white;
    margin-left: 20px;
    text-align: center;
    font-family: 'Papyrus';    
}
h2 {
    color: white;
    margin-left: 20px;
    text-align: center;
    font-family: 'Papyrus';        
}
div {
 
    margin-left: 20px;
    margin-right: 20px;
 
}
article {
 
    margin-left: 20px;
    margin-right: 20px;
 
}

style_image_centered{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Center the image inside the slide */
.carousel-inner .item img {
    width: auto; /* Set the width to 100% */
    height: auto; /* Set the height to auto */
    margin: 0 auto; /* Center the image horizontally */
    align-items: center; /* Center the image vertically */
    display: flex; /* Display the image as a flex item */
    transition: opacity .4s ease-in-out; /* Add transition to the carousel images */
}

/* Set the initial opacity to 0 */
.carousel-inner .item.next img{
    opacity: 0;
}
.carousel-inner .item.active img {
    opacity: 1;
}

/* Fade in the next image */
.carousel-inner .item.next.left img,
.carousel-inner .item.prev.right img {
    opacity: 0;
}