.logo-work-section {
  position: relative;
  height: 160vh;
  overflow: hidden;
  background-color: #ffffff;
}

.logo-work-section .arrowText {
  position: relative;
  left: 0px;
  top: 80px;
  display: flex;
  justify-content: flex-start;
}

.logo-work-section .arrowText .text {
  font-size: 1.7rem;
  font-family: 'Caveat', cursive;
  font-weight: bold;
  line-height: 1.2;
  width: 180px;
  text-align: center;
  color: #f3ab2f;
}

.logo-work-section .arrowText .arrow {
  width: 60px;
  position: relative;
  transform: scaleX(-1) translateX(-120px) translateY(-30px);
  left: 50px;
}

.logo-work-section .intro {
  width: 60%;
  font-size: 2.5rem;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Anton', sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: bold;
  color: #f3ab2f;
}

.logo-work-section .logo-item img {
  display: block;
  width: 8vw;
  min-width: 110px;
  filter: grayscale(100%);
  transition: transform 0.3s, filter 0.3s;
}

.logo-work-section .logo-item {
  position: absolute;
}

.logo-work-section .logo-item img:hover {
  filter: grayscale(0%);
  transform: scale(1.1);
}

/* Up row positions */
.logo-work-section .up .logo-item:nth-of-type(1) { left: 2vw; top: 25vh; }
.logo-work-section .up .logo-item:nth-of-type(2) { left: 7vw; top: 55vh; }
logo-work-section .up .logo-item:nth-of-type(3) { left: 20vw; top: 33vh; }
.logo-work-section .up .logo-item:nth-of-type(4) { left: 29vw; top: 50vh; }
.logo-work-section .up .logo-item:nth-of-type(5) { left: 38vw; top: 42vh; }
.logo-work-section .up .logo-item:nth-of-type(6) { left: 47vw; top: 25vh; }
.logo-work-section .up .logo-item:nth-of-type(7) { right: 44vw; top: 55vh; }
.logo-work-section .up .logo-item:nth-of-type(8) { right: 35vw; top: 45vh; }
.logo-work-section .up .logo-item:nth-of-type(9) { right: 29vw; top: 25vh; }
.logo-work-section .up .logo-item:nth-of-type(10) { right: 20vw; top: 45vh; }
.logo-work-section .up .logo-item:nth-of-type(11) { right: 11vw; top: 35vh; }
.logo-work-section .up .logo-item:nth-of-type(12) { right: 2vw; top: 55vh; }

/* Down row positions */
.logo-work-section .down .logo-item:nth-of-type(1) { left: 2vw; bottom: 25vh; }
.logo-work-section .down .logo-item:nth-of-type(2) { left: 11vw; bottom: 55vh; }
.logo-work-section .down .logo-item:nth-of-type(3) { left: 20vw; bottom: 33vh; }
.logo-work-section .down .logo-item:nth-of-type(4) { left: 29vw; bottom: 55vh; }
.logo-work-section .down .logo-item:nth-of-type(5) { left: 38vw; bottom: 45vh; }
.logo-work-section .down .logo-item:nth-of-type(6) { left: 44vw; bottom: 25vh; }
.logo-work-section .down .logo-item:nth-of-type(7) { right: 38vw; bottom: 45vh; }
.logo-work-section .down .logo-item:nth-of-type(8) { right: 29vw; bottom: 35vh; }
.logo-work-section .down .logo-item:nth-of-type(9) { right: 20vw; bottom: 55vh; }
.logo-work-section .down .logo-item:nth-of-type(10) { right: 11vw; bottom: 35vh; }
.logo-work-section .down .logo-item:nth-of-type(11) { right: 2vw; bottom: 43vh; }