body {background-color: #1a1524;}
.main {width:90%;margin:0 auto;display:flex;align-items: center;justify-content: center;color:white}
.main img {height:100dvh;}

@media only screen and (max-width: 600px) {
    .main{flex-direction: column;}
    .main img {height:80dvh}
    .main .content {border-top:1px solid red;width:100%;padding-top:10px;display: flex;align-items: center;justify-content: center;}
    .main .arrows {cursor:pointer;user-select:none;padding:0 20px;background-color: #6a0000;padding: 50px 13px;}
    .main .counter {padding:0 10px;text-align: center;font-size: 26px;flex: 1;}
  }