message: verify css for class change
diff: @include phone-portrait {
  display: block;
  }
  - :global(#seasonalArtifact) & {
  + :global(.seasonalArtifact) & {
  @include phone-portrait {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 4px;
  }
  - :global(#seasonalArtifact) & {
  + :global(.seasonalArtifact) & {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  @include phone-portrait {
  margin-right: 0;
  }
  - :global(#seasonalArtifact) & {
  + :global(.seasonalArtifact) & {
  margin-right: 0px;
  text-align: center;
  }
  