.imgOfSloth {
  padding: 0px;
  width: 40px;
  background-color: transparent;
  margin: 10px;
  margin-top: 40px;
  }

  img {
    padding: 20px;
    background-color: var(--frameColor);
    display: flex;
    align-items: center;
    width: 90%;
    margin-top: 40px;
  }

  .partyImage {
    margin-bottom: 80px;
  }

  .arrow {
    background-color: transparent;
    width: 80px;
    margin-top: 0px;
  }

  .arrowDesktop {
    display: none;
  }

  @media screen and (min-width: 700px){

    .partyImage {
      margin-bottom: 40px;
    }
  
    img {
      width: 40%;
    }
  
    .imgOfSloth {
     margin: 40px;
     width: 40px;
     margin-bottom: 0px;
      }

      .arrow {
        display: none;
      }

      .arrowDesktop {
        display: block;
        background-color: transparent;
    width: 80px;
    margin-top: 0px;
      }
  }