.field-image_:hover .mui-table-thumbnail-hover,
.brand-image-container:hover .mui-table-thumbnail-hover,
.offer-image-container:hover .mui-table-thumbnail-hover {
    display: block;
}

.brand-image-container:hover .mui-table-thumbnail-hover,
.offer-image-container:hover .mui-table-thumbnail-hover {
    height: auto;
}

.mui-table-thumbnail-hover {
    display: none;
    position: fixed;
    top: 50%;
    left: 60%;
    transform: translate(-50%, -50%);
    width: 45%;
    max-width: 600px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAI0lEQVQoU2N8//59AwMaEBQUxBBjHAoK0T0C4mNzN+MQUAgAsjMkjA3Ca6QAAAAASUVORK5CYII=) repeat;
    z-index: 1000000;
}

.mui-table-thumbnail {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAJUlEQVQoU2NctWrVfwY0EBYWxoguxjgUFKI7GsTH5m4M3w1ChQDwHiL8XitZnwAAAABJRU5ErkJggg==) repeat;
}