body,div,span{
    margin:0;padding:0;border:0;
    overflow:hidden;
}
body,html {
  height:99.9vh;
  
  /*overflow:hidden;*/
  margin:0;padding:0;border:0;
}

body {
  background:white;
  color:black;
}
* {
  -webkit-tap-highlight-color: transparent;
}

::-webkit-scrollbar {
  width: 0px;  /* Remove scrollbar space */
  background: transparent;  /* Optional: just make scrollbar invisible */
}

@-moz-document url-prefix() { /* Disable scrollbar Firefox */
  html{
    scrollbar-width: none;
  }
}
div {
  margin: 0; /* remove default margin */
  scrollbar-width: none; /* Also needed to disable scrollbar Firefox */
  -ms-overflow-style: none;  /* Disable scrollbar IE 10+ */
  
}
div::-webkit-scrollbar {
  width: 0px;
  background: transparent; /* Disable scrollbar Chrome/Safari/Webkit */
}

.c2{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);

}




#container {
  display: flex;                  /* establish flex container */
  flex-direction: row;            /* default value; can be omitted */
  flex-wrap: nowrap;              /* default value; can be omitted */
  justify-content: space-between; /* switched from default (flex-start, see below) */
  margin-top:1vmax; 
  border:0px solid red;
}
.title_main {
  /*width:33.33vw;*/
  height:80vh;
  max-height:80vh;
  
}

.title_main >.content {
  width:100%;
}

.img_1, .img_2 {
  width:100%;
  max-height:80vh;
  height:auto;

  
}
.img_artwork {
  width:100%;
  height:auto;
}

.img_2 {
  display:none;
}