.div-shaping {
  /* display: none; */
  width: 100%;
  height: 100%;

  padding-left: 50px;
  padding-right: 50px;

  /* grid-template-columns: 50% 50%;
    grid-template-rows: auto; */

  gap: 20px;
  grid-template-areas:
    "list"
    "video";
}

@media (width >=700px) {
  .div-shaping {
    grid-template-columns: 50% 50%;
    grid-template-rows: auto;
    grid-template-areas:
      "list video";
  }

  .popup {
    width: 100%;
  }
}

.box {
  width: 100%;
  height: 100%;
}

.self-filming {
  display: grid;
}

.podcast {
  display: none;
}

.popup {
  /* min-height: 320px; */
  height: 320px;
  background-image: url("/images/testing/eou-base.png");
  background-position: center;
  background-size: cover;

  margin-top: 1rem;
  margin-bottom: 1rem;
  border: solid 1px;
  border-color: rgb(93, 97, 101);
}