/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

<style> 

.img-box{
    height: 70px;
    width: 90%;
    justify-content: center;
    align-items: center;
    margin: auto;
    display: flex;
}

.image1{
   
    position: relative;
    transition: 0.5s ease-in-out;
}

.image2{
    position: absolute;
  
    transition: 0.5s ease-in-out;
    opacity: 0;
}

.img-box:hover .image1{
  opacity: 0;
}

.img-box:hover .image2{
   opacity: 100%;
}

.watermark{
    position: absolute;
 
}
  
  .zoom-img {
  width: 300px;
  overflow: hidden;
}

.zoom-img img {
  width: 100%;
  padding: 22px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  transition: all .3s ease;
}

.zoom-img img:hover {
  transform: scale(1.1);
}
  
   .nexus-media-lightbox {
    background-color: rgba(255,255,255,0) !important;
    border: none !important;
}
  
  img.thumbnail {
    background: rgba(255,255,255,0) !important;
    border: none !important;
}
  
  .tobii__slide .tobii-html {
    background: none;
}
  
  .tobii-zoom__icon {
    display: none !important;
}

.tobii__slider.tobii__slider--animate {
    animation: fadeIn ease 2s;
    -webkit-animation: fadeIn ease 2s;
}

.tobii {
  background-color: rgb(40 0 0 / 70%) !important;
}

.tobii__slide .tobii-html {
    max-width: 80%;
}
  
  </style>