.image img {
        transition: opacity 2s ease-out;
        position: relative;
        
        }
      
/* default: *//*
      .image img.lazy {
        opacity: 0;
        width: 100%;
        height: 100%;
      }
      
*/
      
      .image img.lazy {

        width: 40px!important;
        height: 40px!important; 
        position: absolute;
        opacity: 0;
        top: 50%; 
        left: 50%;
      }
      

      .image img.yall-loaded
      .image img.yall-error {
        opacity: 1;
      }

      .message {
        visibility: hidden;
        opacity: 0;
        transition: opacity 2s ease-out;
        text-align: center;
        padding: 1rem .5rem;
        color: #fff;
        font-size: 1.5rem;
        margin: 1rem 0 0;
      }

      .message.error {
        background: #f00;
      }

      .message.notice {
        background: #00f;
      }

      .message.visible {
        visibility: visible;
        opacity: 1;
      }

      .no-js .lazy,
      .no-js .lazy-bg {
        display: none;
        
      }