* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  body{
      overflow-x: hidden;
  }
  
  .main__section {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
  }
  
  .image__container {
    width: 100%;
    height: 100%;
  }
  
  .image__container img {
    width: 100%;
    height: 100%;
    display: block;
  }
  
  .mobile__section {
    display: none;
    width: 100vw;
    height: auto;
    overflow: hidden;
  }
  
  .mobile__section .image__container {
    width: 100%;
  }
  
  .mobile__section .image__container img {
    width: 100%;
    display: block;
  }
  
  @media screen and (min-width: 320px) and (max-width: 700px) {
    .main__section {
      display: none;
    }
  
    .mobile__section {
      display: block;
    }
  }