:root{ --txt-black:#020d2e; }
.carousel {
    width: 100%; 
    height: 75vh;
    overflow: hidden;
    position: relative;
    margin: auto;
}

.carousel-container {
    flex-direction: column;
    transition: transform 1s ease-in-out;
}
.carousel-item {
    padding: 10px;
    margin: 10px;
    border-radius: 5px;
    text-align: center;
}
.image{ 
    width: 60%; 
    filter: drop-shadow(8px 6px 0px rgba(34,66,133,0.49));
    margin: 0 10px;
}
.image img{ width: 100%; }

.prev-button,
.next-button { 
    margin-top: 10px; 
    font-size: 1em;
    padding: 5px;
    filter: drop-shadow(5px 5px 0px #00000061);
    background: #fff;
    border: 2px solid var(--txt-black);
}
.text{
    width: 60%;
    text-align: start;
    color: var(--txt-black);
    font: bold .8em Arial, Helvetica, sans-serif;
    margin: 0 10px;
}
.text>p{margin: 10px 0;}
.desc{display: none; }

@media only screen and (min-width:768px) {
    .image{ width: 35%; }
   
}