.IO_container {
    /* pointer-events: none; */
    height: 100%;
    width: 40vh;
    padding-top: 5vh;
    padding-right: 1vh;

    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .IO_bigWindow {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    background-color: rgba(0, 0, 0, 0.7);
    border: solid 0.5vh rgb(150, 0, 0);
    border-radius: 1vh;
  }
  .IO_itemWindow {
    position: relative;
    width: 100%;
    height: 14.5vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .IO_itemWindow > .imgCont {
    height: 100%;
    width: 70%;
  }
  .IO_itemWindow > .imgCont > img {
    height: 170%;
    width: 100%;
    object-fit: contain;
    position: relative;
    top: 50%;
    transform: translateY(-50%);

    transition: filter 0.5s ease;
  }
  .IO_itemWindow > .imgCont > img[disable] {
    filter: brightness(0) blur(2px);
  }
  .IO_itemWindow > desc {
    font-size: 4vh;
    width: 30%;
  }