.header {
    display: flex;
    justify-content: space-between;
    padding: 1.5rem;
  }
  
  .header .links {
    display: flex;
    justify-content: end;
    gap: 1rem;
  }
  
   * {
    margin: 0;
    padding: 0;
  }
  
  .hero {
    background: linear-gradient(#10002bcc, #3c096c52),
      url(" https://news.harvard.edu/wp-content/uploads/2023/11/dog_brains_2500.png");
    background-size: cover;
    min-heigh: 400px;
    height: 90vh;
    color: white;
    display: flex;
    align-items: center;
    padding: 2rem;
  }
  
  .hero .content {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  
  .hero .button-container {
    margin-top: 1rem;
  }
  
  .hero .button {
    color: white;
    text-decoration: none;
    border: 1px solid white;
    display: inline;
    padding: 10px 20px;
    text-align: center;
  }
  
  
  .grid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 2rem;
  }
  
  .card {
      width: 100%;
      background: #f5f5f5;
      border-radius: 10px;
      overflow: hidden;
  }
  
  .content {
      padding: 20px;
  }
  
  .content h2 {
      padding-bottom: 0.5rem;
      text-transform: uppercase;
  }
  
  .content p {
      padding-bottom: 1.5rem;
  }
  
  .img-w-info .content a {
      padding: 6px 20px;
      background: #9e2222;
      border-radius: 10px;
      color: white;
      text-transform: uppercase;
  }
  
  .img-container {
      width: 100%;
      height: 150px;
      display: flex;
      align-items: end;
      overflow: hidden;
  }
  
  .img-container img {
      width: 100%;
      height: auto;
  }
  * {
    
      margin: 0;
      padding: 0;
  }
  
  /* Copy Below this line */
  
  .img-w-info {
      padding: 4rem;
      display: grid;
      grid-template-columns: 1fr 2fr;
      gap: 2rem;
      align-items: center;
  }
  
  .img-w-info .opposite {
      grid-template-columns: 2fr 1fr;
  }
  
  .img-w-info .content h2,
  p {
      padding-bottom: 0.5rem;
  }
  
  .img-w-info .image {
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .img-w-info img {
      width: auto;
      max-height: 500px;
  }
  
  
  /* French Bulldog */

  .french-bulldog .header {
    display: flex;
    justify-content: space-between;
    padding: 1.5rem;
  }
  
  .french-bulldog .header .links {
    display: flex;
    justify-content: end;
    gap: 1rem;
  }
  
  .french-bulldog * {
    margin: 0;
    padding: 0;
  }
  
  .french-bulldog .hero {
    background: linear-gradient(#10002bcc, #3c096c52),
      url("https://image.petmd.com/files/styles/978x550/public/2022-10/french-bulldog.jpeg");
    background-size: cover;
    min-heigh: 400px;
    height: 90vh;
    color: white;
    display: flex;
    align-items: center;
    padding: 2rem;
  }
  
  .french-bulldog .hero .content {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  
  .french-bulldog .hero .button-container {
    margin-top: 1rem;
  }
  
  .french-bulldog .hero .button {
    color: white;
    text-decoration: none;
    border: 1px solid white;
    display: inline;
    padding: 10px 20px;
    text-align: center;
  }
  .french-bulldog * {
      margin: 0;
      padding: 0;
  }
  
  /* Copy Below this line */
  
  .french-bulldog .img-w-info {
      padding: 4rem;
      display: grid;
      grid-template-columns: 1fr 2fr;
      gap: 2rem;
      align-items: center;
  }
  
  .french-bulldog .img-w-info .opposite {
      grid-template-columns: 2fr 1fr;
  }
  
  .french-bulldog .img-w-info .content h2,
  p {
      padding-bottom: 0.5rem;
  }
  
  .french-bulldog .img-w-info .image {
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .french-bulldog .img-w-info img {
      width: auto;
      max-height: 500px;
  }
  

  /* Labrador Retriever */

  .labrador-retriever .header {
    display: flex;
    justify-content: space-between;
    padding: 1.5rem;
  }
  
  .labrador-retriever .header .links {
    display: flex;
    justify-content: end;
    gap: 1rem;
  }
  
  .labrador-retriever * {
    margin: 0;
    padding: 0;
  }
  
  .labrador-retriever .hero {
    background: linear-gradient(#10002bcc, #3c096c52),
      url("https://www.trupanion.com/images/trupanionwebsitelibraries/default-album/labrador-retriever-three.jpg?sfvrsn=6b8f9459_8 ");
    background-size: cover;
    min-heigh: 400px;
    height: 90vh;
    color: white;
    display: flex;
    align-items: center;
    padding: 2rem;
  }
  
  .labrador-retriever .hero .content {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  
  .labrador-retriever .hero .button-container {
    margin-top: 1rem;
  }
  
  .labrador-retriever .hero .button {
    color: white;
      text-align: center;
  }
  .labrador-retriever * {
      margin: 0;
      padding: 0;
  }
  
  /* Copy Below this line */
  
  .labrador-retriever .img-w-info {
      padding: 4rem;
      display: grid;
      grid-template-columns: 1fr 2fr;
      gap: 2rem;
      align-items: center;
  }
  
  .labrador-retriever .img-w-info .opposite {
      grid-template-columns: 2fr 1fr;
  }
  
  .labrador-retriever .img-w-info .content h2,
  p {
      padding-bottom: 0.5rem;
  }
  
  .labrador-retriever .img-w-info .image {
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .labrador-retriever .img-w-info img {
      width: auto;
      max-height: 500px;
  }
  
  /* German Shepherd */
  .german-shepherd .header {
    display: flex;
    justify-content: space-between;
    padding: 1.5rem;
  }
  
  .german-shepherd .header .links {
    display: flex;
    justify-content: end;
    gap: 1rem;
  }
  
  .german-shepherd * {
    margin: 0;
    padding: 0;
  }
  
  .german-shepherd .hero {
    background: linear-gradient(#10002bcc, #3c096c52),
      url("https://worldanimalfoundation.org/wp-content/uploads/2024/02/german-shepherd-2-3.jpg");
    background-size: cover;
    min-heigh: 400px;
    height: 90vh;
    color: white;
    display: flex;
    align-items: center;
    padding: 2rem;
  }
  
  .german-shepherd .hero .content {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  
  .german-shepherd .hero .button-container {
    margin-top: 1rem;
  }
  
  .german-shepherd .hero .button {
    color: white;
      text-align: center;
  }
  .german-shepherd * {
      margin: 0;
      padding: 0;
  }
  
  
  /* Copy Below this line */
  
  .german-shepherd .img-w-info {
      padding: 4rem;
      display: grid;
      grid-template-columns: 1fr 2fr;
      gap: 2rem;
      align-items: center;
  }
  
  .german-shepherd .img-w-info .opposite {
      grid-template-columns: 2fr 1fr;
  }
  
  .german-shepherd .img-w-info .content h2,
  p {
      padding-bottom: 0.5rem;
  }
  
  .german-shepherd .img-w-info .image {
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .german-shepherd .img-w-info img {
      width: auto;
      max-height: 500px;
  }

  /* Golden Retriever */

  .golden-retriever .header {
    display: flex;
    justify-content: space-between;
    padding: 1.5rem;
  }
  
  .golden-retriever .header .links {
    display: flex;
    justify-content: end;
    gap: 1rem;
  }
  
  .golden-retriever * {
    margin: 0;
    padding: 0;
  }
  
  .golden-retriever .hero {
    background: linear-gradient(#10002bcc, #3c096c52),
      url("https://heronscrossing.vet/wp-content/uploads/Golden-Retriever-1024x683.jpg");
    background-size: cover;
    min-heigh: 400px;
    height: 90vh;
    color: white;
    display: flex;
    align-items: center;
    padding: 2rem;
  }
  
  .golden-retriever .hero .content {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  
  .golden-retriever .hero .button-container {
    margin-top: 1rem;
  }
  
  .golden-retriever .hero .button {
    color: white;
      text-align: center;
  }
  .golden-retriever * {
      margin: 0;
      padding: 0;
  }
  
  
  /* Copy Below this line */
  
  .golden-retriever .img-w-info {
      padding: 4rem;
      display: grid;
      grid-template-columns: 1fr 2fr;
      gap: 2rem;
      align-items: center;
  }
  
  .golden-retriever .img-w-info .opposite {
      grid-template-columns: 2fr 1fr;
  }
  
  .golden-retriever .img-w-info .content h2,
  p {
      padding-bottom: 0.5rem;
  }
  
  .golden-retriever .img-w-info .image {
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .golden-retriever .img-w-info img {
      width: auto;
      max-height: 500px;
  }

  /* Poodle */
  .poodle .header {
    display: flex;
    justify-content: space-between;
    padding: 1.5rem;
  }
  
  .poodle .header .links {
    display: flex;
    justify-content: end;
    gap: 1rem;
  }
  
  .poodle * {
    margin: 0;
    padding: 0;
  }
  
  .poodle .hero {
    background: linear-gradient(#10002bcc, #3c096c52),
      url("https://www.trupanion.com/images/trupanionwebsitelibraries/bg/standard-poodle-white.jpg?sfvrsn=7f8302e6_5");
    background-size: cover;
    min-heigh: 400px;
    height: 90vh;
    color: white;
    display: flex;
    align-items: center;
    padding: 2rem;
  }
  
  .poodle .hero .content {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  
  .poodle .hero .button-container {
    margin-top: 1rem;
  }
  
  .poodle .hero .button {
    color: white;
      text-align: center;
  }
  .poodle * {
      margin: 0;
      padding: 0;
  }
  
  .poodle .img-w-info {
      padding: 4rem;
      display: grid;
      grid-template-columns: 1fr 2fr;
      gap: 2rem;
      align-items: center;
  }
  
  .poodle .img-w-info .opposite {
      grid-template-columns: 2fr 1fr;
  }
  
  .poodle .img-w-info .content h2,
  p {
      padding-bottom: 0.5rem;
  }
  
  .poodle .img-w-info .image {
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .poodle .img-w-info img {
      width: auto;
      max-height: 500px;
  }