



  .three-images-grid {
    aspect-ratio: 1376 / 576;
    position: relative;
    max-width: calc(1376 * var(--px));
    margin: 0 auto;
  }
  
  .three-images-grid .image-1 {
    position: absolute;
    top: 0;
    left: calc(117 * var(--px));
    width: calc(203 * var(--px));
  }
  
  .three-images-grid .image-2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(320 * var(--px));
  }
  
  .three-images-grid .image-3 {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(1024 * var(--px));
  }
  
  .three-images-grid figcaption {
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: none; /* FIXME */
  }
  
  
  
  
  @media (max-width: 800px) {
    
    .three-images-grid .image-3 {
      width: calc(758 * var(--px) - 20px);
    }
    
    .three-images-grid .image-2 {
      width: calc(645 * var(--px) - 20px);
    }
    
    .three-images-grid .image-1 {
      display: none;
    }
    
  }
  
  
  
  
  @media (max-width: 500px) {
    
    .module-three-images .module-body {
      margin: 0 calc(var(--page-padding-left) * -1);
      overflow: hidden;
      overflow-x: auto;
  		-ms-overflow-style: none;
  		scrollbar-width: none;
  		-webkit-overflow-scrolling: touch;
      scroll-snap-type: x mandatory;
    }
    
  	.module-three-images .module-body::-webkit-scrollbar {
  		display: none;
  	}
    
    .three-images-grid {
      display: flex;
      flex-flow: row nowrap;
      max-width: none;
      width: max-content;
      aspect-ratio: auto;
      padding-right: var(--page-padding-right);
    }
    
    .three-images-grid .image-1 {
      display: block;
    }
    
    .three-images-grid > [class*="image-"] {
      width: auto;
      height: auto;
      position: static;
      padding-left: var(--page-padding-left);
      scroll-snap-align: center;
    }
    
    .three-images-grid img {
      width: auto;
      max-width: none;
      height: 225px;
    }
    
  }