/*
.sub-1 {
    width: 100%;
    height: auto;
  }
  
  @keyframes show {
      from {
          opacity: 0;
          scale: 25%;
      }
  
      to {
          opacity: 1;
          scale: 100%;
          
      }
  }
  
  .sub-1 {
      view-timeline-name: --image;
      view-timeline-axis: block;
  
      animation-timeline: --image;
      animation-name: show;
  
      animation-range: entry 25% cover 30%;
      animation-fill-mode: both;
  }
  */
  
.sub-1 {
    width: 100%;
    height: auto;
  }
  
  @keyframes show {
      from {
           opacity: 0;
          transform: scale(25%);
      }
  
      to {
          opacity: 1;
          
          transform: scale(100%);
      }
  }
  
  .sub-1 {
      view-timeline-name: --image;
      view-timeline-axis: block;
  
      animation-timeline: --image;
      animation-name: show;
  
      animation-range: entry 25% cover 30%;
      animation-fill-mode: both;
  }