@import 'app/styles/variables.css';

.root {
  composes: container from 'app/styles/utilities.css';
}

.title {
  font-size: 28px;

  /** margin handled by .header **/
  margin: 0;
}

.page {
  margin: 0;
}

.detail {
  flex: 1;
  min-width: 300px;
  width: 100%;
}

.header {
  margin: 10px 0;
}

.sidebar {
  min-width: 150px;
  max-width: 230px;
  margin: 0 2em;
  flex: 1;

  @media (--mobile-device) {
    margin: 0;
  }
}

.action {
  margin-left: 20px;
}

.coverImage {
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.coverImage img {
  height: 300px;
  width: 100%;
  object-fit: cover;
}

.logo img {
  height: 300px;
  width: 100%;
  object-fit: contain;
}

@import 'app/styles/variables.css';

.root {
  composes: container from 'app/styles/utilities.css';
}

.title {
  font-size: 28px;

  /** margin handled by .header **/
  margin: 0;
}

.page {
  margin: 0;
}

.detail {
  flex: 1;
  min-width: 300px;
  width: 100%;
}

.header {
  margin: 10px 0;
}

.sidebar {
  min-width: 150px;
  max-width: 230px;
  margin: 0 2em;
  flex: 1;

  @media (--mobile-device) {
    margin: 0;
  }
}

.action {
  margin-left: 20px;
}

.coverImage {
  width: 100%;
  height: 300px;
  object-fit: scale-down;
}

.coverImage img {
  height: 300px;
  width: 100%;
  object-fit: scale-down;
}

.logo img {
  height: 300px;
  width: 100%;
  object-fit: contain;
}

Change css from object fit cover to scale-down
Change css from object fit cover to scale-down
