Updated docs to match the new UI

website/docs/docs/build/environment-variables.md

@@ -32,7 +32,7 @@ There are four levels of environment variables:
 
 To set environment variables at the project and environment level, click **Deploy** in the top left, then select **Environments**.  Click **Environments Variables** to add and update your environment variables.
 
-<Lightbox src="/img/docs/dbt-cloud/using-dbt-cloud/Environment Variables/navigate-to-env-vars.gif" title="Environment variables tab"/>
+<Lightbox src="/img/docs/dbt-cloud/using-dbt-cloud/Environment Variables/navigate-to-env-vars.png" title="Environment variables tab"/>
 
 
 

website/docs/docs/collaborate/build-and-view-your-docs.md

@@ -24,7 +24,7 @@ To set up a job to generate docs:
 1. In the top left, click **Deploy** and select **Jobs**.
 2. Create a new job or select an existing job and click **Settings**.
 3. Under **Execution Settings**, select **Generate docs on run** and click **Save**.
-   <Lightbox src="/img/docs/dbt-cloud/using-dbt-cloud/documentation-job-execution-settings.png" width="65%" title="Setting up a job to generate documentation"/>
+   <Lightbox src="/img/docs/dbt-cloud/using-dbt-cloud/documentation-job-execution-settings.png" width="100%" title="Setting up a job to generate documentation"/>
 
 *Note, for dbt Docs users you need to configure the job to generate docs when it runs, then manually link that job to your project. Proceed to [configure project documentation](#configure-project-documentation) so your project generates the documentation when this job runs.*
 
@@ -51,12 +51,11 @@ dbt Docs, available on developer plans or dbt Core users, generates a website fr
 
 You configure project documentation to generate documentation when the job you set up in the previous section runs. In the project settings, specify the job that generates documentation artifacts for that project. Once you configure this setting, subsequent runs of the job will automatically include a step to generate documentation.
 
-1. Click the gear icon in the top right.
-2. Select **Account Settings**.
-3. Navigate to **Projects** and select the project that needs documentation.
-4. Click **Edit**.
-5. Under **Artifacts**, select the job that should generate docs when it runs and click **Save**.
-   <Lightbox src="/img/docs/dbt-cloud/using-dbt-cloud/documentation-project-details.png" width="55%" title="Configuring project documentation"/>
+1. From dbt Cloud, click on your account name in the left side menu and, select **Account settings**.
+2. Navigate to **Projects** and select the project that needs documentation.
+3. Click **Edit**.
+4. Under **Artifacts**, select the job that should generate docs when it runs and click **Save**.
+   <Lightbox src="/img/docs/dbt-cloud/using-dbt-cloud/documentation-project-details.png" width="100%" title="Configuring project documentation"/>
 
 :::tip Use dbt Explorer for a richer documentation experience
 For a  richer and more interactive experience, try out [dbt Explorer](/docs/collaborate/explore-projects), available on [Team or Enterprise plans](https://www.getdbt.com/pricing/). It includes map layers of your DAG, keyword search, interacts with the IDE, model performance, project recommendations, and more.

website/docs/faqs/Environments/custom-branch-settings.md

@@ -27,7 +27,7 @@ For example, if you want to use the `develop` branch of a connected repository:
 - Enter **develop** as the name of your custom branch
 - Click **Save**
 
-<Lightbox src="/img/docs/dbt-cloud/cloud-configuring-dbt-cloud/dev-environment-custom-branch.png" width="70%" title="Configuring a custom base repository branch"/>
+<Lightbox src="/img/docs/dbt-cloud/cloud-configuring-dbt-cloud/dev-environment-custom-branch.png" width="100%" title="Configuring a custom base repository branch"/>
 
 ## Deployment