.portfolio-head-wrapper > * {
  margin: 0;
}

.portfolio-head-wrapper {
  display: flex;
  width: 100%;
  gap: var(--gutter-desktop);
  align-items: baseline;
}

@media (max-width: 1080px) {
  .portfolio-head-wrapper,
  .project-container {
    display: contents;
  }

  .container {
    height: fit-content;
  }

  .portfolio-breadcrumb {
    order: 1;
  }

  .project-image-carousel {
    order: 2;
    padding-top: calc(var(--row-gutter-mobile) * 4);
  }

  .portfolio-info {
    order: 3;
    padding-top: calc(var(--row-gutter-mobile) * 4);
  }

  .project-description {
    order: 4;
    padding-top: calc(var(--row-gutter-mobile) * 4);
  }
}