grid-template-columns, Chrome v. Firefox, Firefox stretching col width, Chrome keeping to content

 <div className="photos_div_right">
    {vehiclePhotos.map((photo, index) =>
      index > 0 ? (
        <div key={index}>
          <PhotoView src={`${photo}`}>
            <img
              src={`${photo}`}
              alt={`vehicle-${stockNumber}-photo-${index}`}
              onClick={openPreviewer}
            />
          </PhotoView>
        </div>
      ) : null
    )}
  </div>

 <div className="photos_div_right">
    {vehiclePhotos.map((photo, index) =>
      index > 0 ? (
        <div key={index}>
          <PhotoView src={`${photo}`}>
            <img
              src={`${photo}`}
              alt={`vehicle-${stockNumber}-photo-${index}`}
              onClick={openPreviewer}
            />
          </PhotoView>
        </div>
      ) : null
    )}
  </div>

.photos_div_right{
      display: grid;
      align-items:flex-start;
      grid-auto-flow: column;
      padding-top:.25rem;
      grid-template-rows: repeat(2, 49%);
      grid-gap: .6rem;
      overflow-y:visible;   
      border: 3px solid blue;

> div{
    display:inline-block;
    width:min-content;
    border: 1px solid red;
    >img{
      border: 2px solid blue;
    }
   }
}

.photos_div_right{
      display: grid;
      align-items:flex-start;
      grid-auto-flow: column;
      padding-top:.25rem;
      grid-template-rows: repeat(2, 49%);
      grid-gap: .6rem;
      overflow-y:visible;   
      border: 3px solid blue;

> div{
    display:inline-block;
    width:min-content;
    border: 1px solid red;
    >img{
      border: 2px solid blue;
    }
   }
}