.bg-image {
    background-position: -90% 150%;
    background-repeat: no-repeat;
}

  
  
  .containers {
      max-width: 1100px;
      margin: 0 auto;
    }

    .top-row, .bottom-row {
      display: flex;
      justify-content: space-between;
      gap: 20px;
      margin-bottom: 30px;
    }

    .column, .bottom-col {
      flex: 1;
      text-align: center;
    }

    .image-title {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 10px;
    }

    .column .img-wrapper {
      position: relative;
      overflow: hidden;
      cursor: pointer;
    }

    .column img {
      width: 100%;
      display: block;
      transition: opacity 0.4s ease;
    }

    .column img.hover-img {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
    }

    .column:hover img.hover-img {
      opacity: 1;
    }

    .column:hover img.default-img {
      opacity: 0;
    }

    .bottom-row img {
      width: 100%;
      display: block;
    }