@media (min-width: 1024px) {
  .main-container {
    flex-direction: row;
    width: 49%;
  }
  .drawers-img {
    height: 100%;
  }
  .img-container {
    border-radius: 1rem 0 0 1rem;
  }
  .share-component {
    position: absolute;
    border-radius: 1rem;
    height: 5rem;
    bottom: 7rem;
    right: -13%;
  }
  .share-component::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: hsl(217, 19%, 35%);
    bottom: -10px;
    left: 50%;
    transform: translateX(-40%);
    transform: rotate(45deg);
  }
  .share-component .share-icon {
    display: none;
  }
}
@media (max-width: 1100px) and (min-width: 530px) {
  body {
    padding: 6rem;
  }
}