.bento-item {
    height: 192px;  /* ??? 200px; */
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    transition: transform 0.3s ease;
    /*color: #fff;*/
}

.bento-item:hover {
    transform: scale(1.05);
}

.bento-tall {
    height: 410px;
}

.bento-tall-image {
    /* height: 100vh; */
    height: 410px;
    min-height: 410px;    
}


.bento-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    background: rgba(0, 0, 0, 0.6);
    color: white;
}

.bento-vertical-text-en {
    font-size: 2em;
    line-height: 1.5;
    transform: rotate(-90deg);
    position: absolute;
    bottom: 15%;
    left: 0;
    right: 0;
    padding: 15px;
    Xbackground: rgba(0, 0, 0, 0.6);
    color: white;
}

.bento-vertical-text-fr {
    font-size: 1.9em;
    line-height: 1.5;
    transform: rotate(-90deg);
    position: absolute;
    bottom: 15%;
    left: 0;
    right: 0;
    padding: 15px;
    Xbackground: rgba(0, 0, 0, 0.6);
    color: white;
}

.bento-horizontal-text {
    font-size: 2.2em;
    line-height: 1;
    /* transform: rotate(-90deg); */
    position: absolute;
    bottom: 15%;
    left: 0;
    right: 0;
    padding: 15px;
    Xbackground: rgba(0, 0, 0, 0.6);
    color: white;
    
    /*text-align: left;*/
    margin: auto;
    /* width: 500px; */
    
}

.bento-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

        .rotate-90 {
        transform: rotate(-90deg);
        
        }    
        
        .footer-style {
        background-color: rgba(0, 0, 0, 0); /* White with 50% opacity */
        }
        
.bento-txt {
    padding: 20px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

.bento-txt img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    
    border-radius: 15px;    
}


.carousel-inner .carousel-item img {
  height: 50vh; /* Sets height to 50% of the viewport height */
  object-fit: cover;
  object-position: center;
  overflow: hidden;
}