.block-hero {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, auto);
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  margin-top: 130px;
  padding-top: 8px;
  padding-bottom: 8px;
}
@media only screen and (min-width: 540px) {
  .block-hero {
    padding-top: 10px;
    padding-bottom: 20px;
    overflow: hidden;
    background-size: 653px 317px;
  }
}
.block-hero h1 {
  grid-area: 1/1/2/2;
}
.block-hero p.desc {
  grid-area: 2/1/3/2;
  max-width: 610px;
  font-size: 23px;
  line-height: 120%;
}
.block-hero .btn {
  grid-area: 4/1/5/2;
  padding: 10px;
}
.block-hero .btn a {
  font-size: 23px;
}
@media only screen and (min-width: 540px) {
  .block-hero .btn a {
    height: 56px;
  }
}
.block-hero ul.items {
  grid-area: 3/1/4/2;
  display: flex;
  flex-flow: row nowrap;
  align-items: baseline;
  padding-top: 10px;
  padding-bottom: 10px;
}
.block-hero ul.items img {
  margin-inline: 8px;
}
.block-hero ul.items p {
  font-weight: 500;
  white-space: nowrap;
}
.block-hero div.image {
  grid-area: 1/2/5/3;
  position: relative;
}
.block-hero div.image img {
  position: absolute;
}
.block-hero div.image .salmon {
  width: 267px;
  height: 419px;
  left: 10%;
}
.block-hero div.image .tartar {
  width: 167px;
  height: 180px;
  top: 242px;
  left: 211px;
}
.block-hero div.image .trout {
  width: 576px;
  height: 376px;
  top: 10px;
  transform: translateX(57px);
}