Как сделать так, чтобы после контейнера было видно другой контейнер(Первый контейнер закрывает другие после себя)?

Для достижения желаемого результата, вам необходимо использовать CSS свойство z-index в сочетании с позиционированием элементов.

Первым делом, убедитесь, что оба контейнера находятся внутри общего родительского элемента, который будет служить контейнером для обоих элементов.

Затем, примените к родительскому элементу CSS-свойство position с значением relative. Это позволит нам установить позицию внутренних элементов используя свойство z-index.

Теперь задайте первому контейнеру CSS-свойство position со значением relative, а второму контейнеру - position со значением absolute. Определите top, left, right или bottom, чтобы задать нужное положение для второго контейнера относительно родительского элемента.

Например, если вы хотите, чтобы первый контейнер полностью закрывал второй контейнер, установите z-index первого контейнера больше, чем у второго контейнера (по умолчанию z-index у элементов равен auto). Например, задайте z-index первого контейнера равным 2, а второго - 1.

Вот пример HTML-кода, показывающий, как это может выглядеть:

<div class="parent-container">
  <div class="first-container">
    <!-- Содержимое первого контейнера -->
  </div>
  <div class="second-container">
    <!-- Содержимое второго контейнера -->
  </div>
</div>

И CSS-стили для обеспечения желаемого эффекта:

.parent-container {
  position: relative;
}

.first-container {
  position: relative;
  z-index: 2;
}

.second-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

Таким образом, первый контейнер будет закрывать второй контейнер, и второй контейнер будет виден только там, где не перекрывается первым контейнером. Вы можете регулировать относительное положение контейнеров, изменяя значения свойств top, left, right или bottom второго контейнера.