picture{
        position: relative;
        display: inline-block;
      }

     picture img{
        width: 50%; height: auto;
        display: block;
        position: absolute;

      }

      .canvas{
        position: absolute;
        z-index: 10;

      }



      .title_span{
        position: revert;
        z-index: auto;
        display: inline;


      }
      .tittle_arc{
        position: absolute;
        z-index: 12;
      
        padding: 8px;
        background-color: rgba(255, 255, 255, 0.8);
        border: 2px;
        border-radius: 10px;

         pointer-events: auto;

      }


      a.no-link:hover {
        color: inherit !important;
        cursor: default !important;
        text-decoration: auto;
        }



  img .lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-y, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-y {
              left: auto !important;

      }

  img .lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-x, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-x .zoom-igazit{
                     top: -55% !important;
     }


        #lg-inner-1 div picture {
                display: grid;
                place-items: center;
        }

        #lg-inner-1 div picture img{
                 position: absolute;
                 text-align: left;
        }