.dress-panels{
  display:flex;
  flex-wrap:wrap;
  gap:35px;
  justify-content: center;
  
}

.dress-swap{
  transition-duration:500ms;
}

a.dress-panel:hover > .dress-swap{
  transform: scale(1.05);
}

.dress-panel{
  flex: 1 1 300px;
}

.dress-swap{
  position:relative;
}

.dress-swap img{
  display: block;
}

.dress-swap .image-swap{
  position:absolute;
  top:0;
  left:0;
  opacity:0;
  transition-duration:500ms;
  transition-delay: 200ms;
}

.dress-swap:hover > .image-swap{
  opacity:1;
}

.dress-panel h6{
  margin:10px 0;
}

.dress-panel p{

  margin:10px 0;
  color:black;
}

.dress-panel .text{
  margin-top:15px;
}

.dress-panel p{

}


@media only screen  
and (max-width : 1024px) {
  a.dress-panel:hover > .dress-swap{
    transform: unset;
  }
}