.woocommerce ul.products li.product {
    position: relative; 
  }
  
  .my-attribute-grid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr; 
    grid-template-rows: 1fr 1fr;
  }
  
  .attr-top-left {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;  
    align-self: start;    
    margin: 0.3rem;
  }
  
  .attr-top-right {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;    
    align-self: start;    
    margin: 0.3rem;
  }
  
  .attr-bottom-left {
    grid-column: 1;
    grid-row: 2;
    justify-self: start;  
    align-self: end;      
    margin: 0.3rem;
  }
  
  .attr-bottom-right {
    grid-column: 2;
    grid-row: 2;
    justify-self: end;    
    align-self: end;      
    margin: 0.3rem;
  }
  
  .my-attribute-grid div {
    font-size: 0.85em;
    background: rgba(255,255,255,0.8); 
    padding: 2px 4px;
    border-radius: 3px;
  }