.main-container {
  height: 100dvh;
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-areas: "img insurance-links";
}
.insurance-links {
  grid-area: insurance-links;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.insurance-links a {
  font-size: 2.5rem;
  color: #42253b;
  transition: all 0.5s;
}
.insurance-links a:hover {
  color: red;
}
.stock-photo {
  grid-area: img;
  position: relative;
  overflow: hidden;
}
.stock-photo img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.photo-credit {
  position: absolute;
  bottom: 2px;
  left: 2px;
  color: #ffffff;
  font-size: 0.8rem;
}
.stock-photo-link {
  color: #ffffff;
}
/*MEDIA QUERIES*/
@media (max-width: 1790px) {
  .stock-photo img {
    object-fit: cover;
    object-position: right;
  }
}
@media (max-width: 1100px) {
  .stock-photo img {
    object-fit: cover;
    object-position: -35em;
  }
  .insurance-links a {
    font-size: 2.2rem;
  }
}
@media (max-width: 900px) {
  .main-container {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas:
      "img"
      "insurance-links";
  }
  .stock-photo img {
    object-fit: cover;
    object-position: center 35%;
  }
  .insurance-links a {
    font-size: 2.2rem;
  }
}
@media (max-width: 600px) {
  .stock-photo img {
    object-position: right;
  }
  .insurance-links a {
    font-size: 1.8rem;
  }
}
@media (max-width: 400px) {
  footer {
    grid-template-areas:
      "instagram facebook"
      "linkedin whatsapp";
    gap: 2rem;
  }
}
@media (max-width: 380px) {
  .insurance-links a {
    font-size: 1.5rem;
  }
}