.tx-shortcuts .h4.fw-bold.open-sans-condensed {
    font-variation-settings: "wght" 500;
    font-stretch: condensed;
}

 .image {
     position: relative;
     width: 100%;
     overflow: hidden;
    
 }


 .contentx-image {
    object-fit: cover;
 }
 .image .overlay {
     position: absolute;
     bottom: 0;
  
     padding-top: 15px;
     width: 100%;
     color: white;
     font-size: 20px;
     z-index: 4;
     background: rgba(28,51,89,0.75);
     
 }


 .overlay picture {
  
    height:100px;
  display: block;
        flex-direction: column;
        flex-basis: 100%;
        margin: auto;
        align-content: center;
 }
  .overlay picture img {
    max-height:70px;
  }

.overlay  .contentx-image {
     object-fit: contain;
 }

 .container .image:hover .overlay {
    background: rgba(255, 255, 255, 0.5);
      
 }

 .image .overlay::before {
     content: "";
     
     background: #ffff;
     
     height: 100%;
     width: 100%;
     z-index: 1;
     position: absolute;
     left: 0;
     bottom: -166px;
     z-index: -2;
     opacity: 0.4;
     transition: all 0.1s ease-out;
 }

 .image:hover .overlay {
    color: var(--blue);
 }

 .container .image:hover .overlay .amount,
 .container .image:hover .overlay .h4,
 .container .image:hover .overlay .textmuted,
 .container .image:hover .overlay .fa-star,
 .container .image:hover .overlay .fa-star-half-alt,
 .container .image:hover .overlay .review {
    color: var(--blue);
 }

 .image:hover .overlay::before {
     bottom: 0px;
 }

 .tx-shortcuts .overlay .contentx-image.img-show-hover {
    display: none;
 }

.tx-shortcuts .image:hover .contentx-image.img-show-hover {
    display: inline-block;
}

.tx-shortcuts .image:hover .contentx-image.img-show {
    display: none;
}