.content {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-top: var(--padding-block-top);
  padding-bottom: var(--padding-block-bottom); }
  .content h1 {
    margin-top: 0px; }
  .content .inner {
    display: flex;
    justify-content: space-between;
    max-width: 1200px; }
  .content button {
    background-color: var(--main-color);
    margin-bottom: 0px; }
  .content a, .content p {
    display: block;
    margin: var(--margin-inside-block-desctop) 0px;
    color: var(--main-text-color); }
  .content a {
    margin: 0px; }
  .content .right-text {
    flex: 0 0 55%; }
  .content .left-text {
    flex: 0 0 55%; }

.image-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  aspect-ratio: 1/1;
  overflow: hidden; }
  .image-wrapper img {
    height: 100%; }

.images-container {
  position: relative;
  width: 100%;
  aspect-ratio: 4/5; }

.left-block {
  flex: 0 0 35%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: var(--margin-inside-block-desctop); }

@media screen and (max-width: 760px) {
  .content a, .content p {
    margin: var(--margin-inside-block-mobile) 0px; }
  .content a {
    margin: 0px; }
  .content p, .content h1 {
    text-align: center; }
  .content button {
    margin-top: var(--margin-inside-block-mobile); }
  .content .images-container {
    margin-top: var(--margin-inside-block-mobile);
    width: 100%; }
  .content .left-block {
    flex: none; } }

/*# sourceMappingURL=text2photos.css.map */