body {
  margin: 0;
  background-color: #000;
}

.map-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden; 
}

.map-image {
  width: 100%;
  height: auto;
  display: block;
}

.icon {
  position: absolute;
  width: 22%;
  z-index: 10; 
  transform: translate(-50%, -50%); 
  transition: transform 0.2s ease-in-out;
}

.icon img {
  width: 100%;
  height: auto;
  display: block;
}

.icon:hover {
  transform: translate(-50%, -50%) scale(1.1); 
  cursor: pointer;
}

.rhodia-group {
  top: 40%; 
  left: 30%;
}

.rhodia-group img {
  width: 100%;
  height: auto;
  max-height: 200px;
  object-fit: contain;
}