.dynamic-section {
  padding-block: max(calc(var(--padding_top) / 3), 50px) max(calc(var(--padding_bottom) / 3), 50px);
}

.dynamic-section .content_container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: var(--row_gap) var(--column_gap);
  margin-top: var(--grid_top_margin);
}

@media screen and (min-width: 800px) {
  .dynamic-section {
    padding-block: var(--padding_top) var(--padding_bottom);
  }
  .dynamic-section .content_container {
    grid-template-columns: repeat(var(--column_count), 1fr);
  }
}