*{
    box-sizing: border-box;
    padding: 0px;
    margin:  0px;
}
.grid-container {
    display: grid;
    grid-template-columns: auto auto auto;
    padding: 10px;
  }
  .grid-item {
    text-align: center;
    width: 29vw;
    border: 2px solid black;
    border-radius: 3px;
    margin-left: 2vw;
    cursor: pointer;
    margin-top: 7vh;
  }
  .grid-item img{
    width: 28.5vw;
    max-height: 40vh;
    margin-top: -0.1vh;
  }
  .grid-item h1{
    font-size: 3vh;
    margin-top: 2vh;
    margin-bottom: 2vh;
  }
  .carousel-inner img {
    max-width: 80vw;
    max-height: 80vh;
  }
  #demo{
    position: absolute;
    top: 0px;
    z-index: 10;
    width: 98vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.488);
  }
  .padding-7 {
    padding-top: 7rem !important;
}
#cross{
    width: max-content;
    position: absolute;
    z-index: 20;
    font-size: 5vh;
    color: white;
    right: 2vw;
    cursor: pointer;
}