.brasil {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.angola {
  display: flex;
  gap: 10px;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.angola::-webkit-scrollbar {
  display: none;
}

.angola img {
  scroll-snap-align: center;
  flex-shrink: 0;
  border-radius: 10px;
  height: auto;
  width: 100%;
  max-width: 300px;
}

.guine {
  text-align: center;
  margin-top: 10px;
}

.guine span {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #ccc;
  margin: 0 4px;
  border-radius: 50%;
  transition: background 0.3s;
}

.guine .ativo {
  background-color: #000;
}

@media (max-width: 768px) {
  .angola img {
    max-width: 80%;
  }
}