.cleaning-image-container {
    display: flex; 
    align-items: center; 
    justify-content: center; 
    position: relative; 
    height: 300px;
}

.cleaning-image {
    max-height: 250px; 
    margin: 30px 0; 
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; 
    transform: perspective(1000px) rotateY(-15deg); 
    transform-origin: center; 
    transition: transform 0.3s; 
    position: relative;
}

.cleaning-image-table{
    max-height: 150px;
}

.cleaning-image-container:hover .cleaning-image{
    transform: perspective(1000px) rotateY(-15deg) scale(1.1); 
}

.cleaning-image-container:hover .cleaning-image-span{
    transform: perspective(100px) rotateY(15deg) scale(1.2); 
}

.cleaning-image-span {
    position: absolute;
    bottom: 5px;
    background: #e6007e;
    color: #FFF;
    font-weight: bold;
    padding: 5px 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transform: perspective(100px) rotateY(15deg); 
    transform-origin: center; 
    transition: transform 0.3s;
    right: 60%; 
    bottom: 15px;
    font-size: 18px;
}

.badge-default-dark {
  background-color: #6b7a8e !important;
}

.badge-primary-dark {
  background-color: #1a3d5c !important;
}

.badge-info-dark {
  background-color: #2e5a8e !important;
}

.badge-success-dark {
  background-color: #1a6370 !important;
}

.badge-danger-dark {
  background-color: #9b3a42 !important;
}

.badge-warning-dark {
  background-color: #8a6f08 !important;
}