body {
  margin: 0;
  padding: 0;
  display: flex;
  height: 100vh;
  font-family: Arial, sans-serif;
}
a {
	color: rgb(233, 0, 0);
	text-decoration: none;
a:hover {
	text-decoration: underline; }
}
.left-section {
  width: 50%;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gallery {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.gallery img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.gallery img.active { opacity: 1; }

.right-section {
  width: 50%;
  padding: 40px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  text-align: center;
  line-height: 150%;
  }
.right-section img { width: 300px; height: auto; }
#fede {
  text-transform: uppercase;
  color: rgb(233, 0, 0);
  padding: 0px 40px;
  line-height: 120%;
}
.social-icons a { margin: 0 10px; font-size: 30px; text-decoration: none; }
.social-icons a.instagram { color: #E4405F; }
.social-icons a.instagram:hover { color: #C13584; }
.social-icons a.facebook { color: #1877F2; }
.social-icons a.facebook:hover { color: #0d47a1; }

/* Mobile */
@media (max-width: 768px) {
  body { flex-direction: column; height: auto; }
  .left-section { width: 100%; height: 45vh; }
  .right-section { width: 100%; padding: 20px 0; margin: 0; box-shadow: none; }
  .right-section img { width: 120px; }
}