main .tabs-block .content div.type-card-container {
  flex-direction: column;
  /* width: 1280px; */
  /* height: 340px; */
  gap: 32px;
}

main .tabs-block .content div.type-card-container div.type-card {
  /* display: none; */
  display: flex;
  opacity: 0;
  flex-direction: row;
  gap: 32px;
  position: relative;
}

main
  .tabs-block
  .content
  div.type-card-container
  div.type-card
  div.type-card-screenshot {
  width: 624px;
  height: 340px;
  background-color: #2d333c;
  border-radius: 30px;
}
main
  .tabs-block
  .content
  div.type-card-container
  div.type-card
  div.type-card-text-container {
  display: flex;
  width: 624px;
  flex-direction: column;
}

main
  .tabs-block
  .content
  div.type-card-container
  div.type-card
  div.type-card-text-container
  span.background-number {
  position: absolute;
  right: 80px;
  bottom: 0;
  color: #00daa9;
  opacity: 0.1;
}

@media (max-width: 360px) {
  main .tabs-block .content div.type-card-container {
    gap: 20px;
  }
  main .tabs-block .content div.type-card-container div.type-card {
    flex-direction: column;
    background: url("../img/noise.png") repeat;
    /* background-size: 90%; */
    padding: 24px;
    gap: 20px;
    border-radius: 30px;
  }

  main
    .tabs-block
    .content
    div.type-card-container
    div.type-card
    div.type-card-screenshot {
    width: 100%;
    height: 300px;
    max-height: 200px;
  }

  main
    .tabs-block
    .content
    div.type-card-container
    div.type-card
    div.type-card-text-container {
    width: calc(100% - 44px);
    padding-left: 44px;
    gap: 12px;
    h3 {
      margin: 0;
    }
    p {
      margin: 0;
    }
    span.background-number {
      right: none;
      left: 24px;
    }
  }
}