.worldmap-with-dot {
  position: relative; /* Makes this a positioning context for the dot */
  width: 95%; /* Map and dot container takes 95% of .item-4 width */
  margin: 0 auto; /* Center the map horizontally */
}

.worldmap-with-dot img {
  width: 100%; /* Image takes full width of .worldmap-with-dot */
  height: auto; /* Maintain aspect ratio */
  display: block; /* Remove any inline spacing */
}

.worldmap-dot {
  position: absolute; /* Position dot relative to .worldmap-with-dot */
  width: 10px; /* Size of the dot */
  height: 10px; /* Size of the dot */
  background-color: red; /* Red color for the dot */
  border-radius: 50%; /* Make it circular */
  transform: translate(-50%, -50%); /* Center the dot on the specified point */
}