.colour-preview {
    width: 100%;
    height: 0;
    padding-top: 100%;
  }
  
  .color-preview-container {
    display: grid;
    grid-column-template: repeat(6, 1fr);
    grid-row-template: repeat(6, 30px);
    width: 100%;
    height: 200px;
  }
  .c1 {
    border-radius: 6px;
    grid-column: 1 / 5;
    grid-row: 1 / 5;
    border: 1px grey solid;
    background: #cbcbcb;
  }
  .c2 {
    border-radius: 6px;
    grid-column: 3 / 6;
    grid-row: 3 / 6;
    border: 1px grey solid;
    background: #dedede;