@risecx/carespace-chat-ui/lib/components/Messages/Image/image.css

carespace-chat-ui React component

.sc-message--content > .card-container-out .card.sc-message--image > div > img {
    width: 100%;
    position: relative;
}
.sc-message--content > .card-container-out .card.sc-message--image > .image-container {
  position: relative;
}
.sc-message--content > .card-container-out .card.sc-message--image > .image-container .expand {
  display: none;
}
.sc-message--content > .card-container-out .card.sc-message--image:hover .expand {
    display: block;
    background: #000;
    color: #fff;
    font-size: 11px;
    z-index: 2;
    position: absolute;
    bottom: calc(50% - 16px);
    right: calc(50% - 16px);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    border-radius: 6px;
    padding: 8px;
    text-align: right;
    opacity: .8;
    vertical-align: middle;
    height: 16px;
}
.sc-message--content > .card-container-out .card.sc-message--image:hover .expand > img{
  width: 16px;
  fill: #fff;
  height: 16px;
  border-radius: 0;
}
.sc-message--content > .card-container-out .card.sc-message--image:hover .expand > svg{


}