.guy-text{
   position: absolute;
   left: 50%;
   width: 100%;
   text-align: center;
   font-size: 28px;
   padding: 2px 0px;
   letter-spacing: 1px;
   color: white;
   font-family: sans-serif;
   top: 0px;
   transform: translateX(-50%);
   background-color: rgba(0, 0, 0, 0.5);
   display: flex;
   justify-content: center;
   align-items: center;
   text-shadow: 0px 0px 2px black;
   transition: 0.3s;
}
.nemke-woman-image-dv:has(.home-woman-content:hover) .home-woman-appear-dv{
   height: 40%;
   background-color: rgba(0, 0, 0, 0.5);
   top: 60%;
   transition: top 0.3s, height 0s;
   transition: 0.3s;
}
.home-woman-appear-dv{
   top: 100%;
   height: 0px;
   position: absolute;
   left: 50%;
   width: 100%;
   transform: translateX(-50%);
   transition: top 0.6s, height 0s 1s, background-color 0s 1s;
   overflow: hidden;
   display:flex;
   justify-content: center;

   height: 35%;
   background-color: rgba(0, 0, 0, 0.5);
   top: 65%;
   transition: 0.3s;
}
.home-woman-content{
   position: absolute;
   left: 0px;
   width: 100%;
   height: 100%;
   overflow: hidden;
}
.home-images-container{
   margin-top: 30px;
   margin-bottom: 30px;
}
.home-images-container img{
   max-width: 100%;
}
.home-image-dv{
   display: flex;
   height: 530px;
   justify-content: center;
   gap: 20px;
}
.guy-image-dv{
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 20px;
   max-width: 345px;
   margin-right: 2%;
}
.guy-image-dv img{
   max-height: 614px;
     max-width: 100%;
}
.guy-span:hover img{
   filter: brightness(0.85) saturate(1.2);
}
.guy-span:hover .guy-text{
   transform: translateX(-50%) translateY(100%);
}
.dress-span:hover .guy-text{
   transform: translateX(-50%) translateY(100%);
}
.dress-span:hover img{
   filter: brightness(0.85) saturate(1.2);
}
.woman-image-dv{
   flex: 2;
     display: flex;
     justify-content: end;
   position: relative;
   margin-left: 2.5%;
}
.woman-image-dv img{
   max-height: 530px;
     max-width: 100%;
   filter: brightness(1);
}
.woman-image-dv:has(.home-woman-content:hover) img{
   filter: brightness(0.9) saturate(100%);
}
.guy-span{
   height: 260px;
     display: inline-block;
     max-width: 345px;
   overflow: hidden;
   position: relative;
  }
.dress-span{
   height: 260px;
   display: inline-block;
   max-width: 345px;
   overflow: hidden;
   position: relative;
  }
.home-woman-text{
   position: absolute;
   top: 0px;
     left: 35px;

   left: 0px;
   padding-left: 35px;
   width: 100%;
   background-color: rgba(0,0,0,0.3);
   height: 100px;
     display: flex;
     align-items: center;
   transition: height 0.3s;
}
.woman-image-dv:has(.home-woman-content:hover) .home-woman-text{
   height: 120px;
   transition: height 0.3s;
}
.home-woman-title{
   font-size: 36px;
   letter-spacing: 5px;
   font-weight: 300;
   color: white;
   font-family: sans-serif;
}
.home-woman-appear-text{
   font-size: 20px !important;
   letter-spacing: 1px;
   font-weight: 600;
   color: white;
   font-family: sans-serif !important;
   padding: 18px !important;
   cursor: pointer;
}
.home-woman-appear-dv input{
   width: 278px;
}

.dress-span img{
   position: relative;
   bottom: 100%;
}
@media (width <= 1300px) {
   .guy-span{
      max-width: 250px;
   }
   .dress-span{
      max-width: 250px;
   }
   .dress-span img{
      bottom: 74%;
   }
   .home-image-dv{
      height: 500px;
   }
   .guy-image-dv{
      max-width: 390px;
   }
   .woman-image-dv{
      margin-left: 11.5%;
   }
}
@media (width <= 950px) {
   .home-image-dv{
      flex-direction: column;
      justify-content: start;
      height: auto;
      align-items: center;
   }
   .woman-image-dv{
      margin: 0px 1%;
   }
   .guy-image-dv{
      min-width: 100%;
      justify-content: space-evenly;
      flex-direction: row;
   }
   .dress-span img{
      bottom: 61%;
   }
}
@media (width <= 600px) {
   .home-woman-title{
      font-size:22px;
   }
   .home-woman-appear-dv input{
      white-space: wrap;
      font-size: 15px !important;
      width: 150px;
   }
   .home-woman-appear-text{
      padding: 12px !important;
   }
   .home-woman-text{
      height: 55px;
   }
   .guy-text{
      font-size: 22px;
   }
   .dress-span img{
      bottom: 0%;
   }
}