.tools-section,
.plans-section,
.iptv-section,
.community-section {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: scroll;
}

.tools-section {
  background-image:
    linear-gradient(110deg, rgba(3, 3, 3, 0.96), rgba(3, 3, 3, 0.78)),
    url("/media/backgrounds/ferramentas");
}

.plans-section {
  background-image:
    linear-gradient(180deg, rgba(5, 5, 5, 0.90), rgba(5, 5, 5, 0.96)),
    url("/media/backgrounds/planos");
}

.iptv-section {
  background-image:
    linear-gradient(100deg, rgba(3, 3, 3, 0.88), rgba(3, 3, 3, 0.94)),
    url("/media/backgrounds/iptv");
}

.community-section {
  background-image:
    radial-gradient(circle at 20% 50%, rgba(80, 3, 9, 0.48), transparent 40%),
    linear-gradient(100deg, rgba(3, 3, 3, 0.86), rgba(3, 3, 3, 0.94)),
    url("/media/backgrounds/comunidade");
}

@media (max-width: 700px) {
  .tools-section,
  .plans-section,
  .iptv-section,
  .community-section {
    background-position: center top;
    background-size: auto 100%;
  }
}

@media (min-width: 701px) and (max-aspect-ratio: 4 / 3) {
  .tools-section,
  .plans-section,
  .iptv-section,
  .community-section {
    background-size: auto 100%;
    background-position: center;
  }
}