.square-stack__container {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.square-stack__container .square-stack__item {
  width: calc(50% - 7.5px);
  max-height: 347px;
  border-radius: 12px;
  padding: 50px;
  min-height: 347px;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  background-position: center;
  background-size: cover;
}

.square-stack__container .square-stack__item * {
  display: block;
  width: 100%;
  margin-bottom: 0;
}

.square-stack__container .square-stack__item h2 {
  font-size: 96px;
  line-height: 105.6px;
  font-weight: 600;
}

.square-stack__container .square-stack__item h3 {
  font-size: 48px;
  line-height: 52.8px;
  font-weight: 600;
  text-align: center;
}

.square-stack__container .square-stack__item p {
  font-size: 24px;
  line-height: 33.6px;
  font-weight: 500;
}

@media only screen and (max-width: 1024px) { 
  
}

@media only screen and (max-width: 768px) {
  .square-stack__container .square-stack__item {
    padding: 25px;
  }

  .square-stack__container .square-stack__item h2 {
    font-size: 48px;
    line-height: 52.8px;
  }

  .square-stack__container .square-stack__item h3 {
    font-size: 24px;
    line-height: 33.6px;
  }

  .square-stack__container .square-stack__item p {
    font-size: 18px;
    line-height: 130%;
  }
  
  .square-stack__container .square-stack__item {
    max-height: 347px;
    min-height: 170px;
  }
}

@media only screen and (max-width: 578px) {
  .square-stack__container .square-stack__item {
    width: 100%;
  }

  
}